Pular para o conteúdo
Instalar aplicação
Português (Portugal)

Botão

Adicione um botão de chamada para a ação, como "Ver tudo", a um mega menu.

Referência Todos os planos 2 min de leitura

Uma chamada para a ação clara, como “Ver tudo” ou “Marcar uma prova”. Use-o por baixo de um grupo de listas de ligações para levar os clientes à coleção completa ou sozinho numa coluna estreita.

Adicionar o bloco

  1. Escolha o esquema

    No painel do mega menu da pré-visualização, clique em Add block (adicionar bloco). Clique em Link list, passe o rato sobre Button (botão) e clique em Select. O bloco começa como “Shop all”, com ligação para todos os produtos.

    (1) Clique em Link list, (2) escolha Button.
  2. Defina o rótulo e a ligação

    Em Edit Item (editar item), em General, introduza o Label (rótulo) e escolha o Link.

    O bloco Button na pré-visualização, com as definições em Edit Item.
  3. Guarde e publique

    Defina o estilo em Style e clique em Save e Publish.

Definições

General

LabelPredefinição: Shop all
Texto do botão.
LinkPredefinição: /collections/all
Para onde o botão leva (todos os produtos, por predefinição). Selecione Open in new tab (abrir num novo separador) se necessário.
WidthPredefinição: 100%
A parte da linha do mega menu que o bloco ocupa: Auto ou de 8,33% a 100%.

Style

StylePredefinição: Solid
Solid (botão preenchido), Outline (só contorno) ou Link (ligação de texto).
AlignmentPredefinição: Left
Left, Center ou Full (estica o botão por todo o bloco).
Button colorPredefinição: #111827
Cor do botão.
Text colorPredefinição: #FFFFFF
Cor do rótulo.

A Visibility funciona como em todos os blocos; consulte Definições comuns a todos os blocos.

Sugestões

  • Com 100% de largura, o botão fica numa linha própria por baixo dos outros blocos. Defina Alignment como Center para o centrar por baixo de todo o mega menu.
  • Use Outline ou Link quando o mega menu já tem uma faixa promocional, para que os dois não disputem a atenção.

Esta página foi útil?

Comunicar um problema