Para que servem os menus
Um menu de navegação é uma lista reutilizável de links. Você cria os menus uma vez na seção Menus do seu painel e depois aponta o cabeçalho ou rodapé para um menu dentro do construtor. Os mesmos menus ficam disponíveis em toda a sua loja, então um menu pode ser reutilizado em vários lugares.
Abrindo a seção Menus
Acesse Menus na navegação principal. A lista mostra todos os menus que você criou, do mais recente para o mais antigo, com a data de criação. Você precisa da permissão Menus para abrir e editar esta seção.
Criando um novo menu
- Clique em Criar novo menu. Um modal será aberto.
- Digite um Nome do menu (obrigatório, até 50 caracteres). O nome é apenas para sua referência e nunca aparece para os clientes.
- Adicione seus itens na área Itens do menu (veja abaixo).
- Clique em Salvar.
Um menu deve conter pelo menos um item com rótulo e link, caso contrário o salvamento será rejeitado com a mensagem "Por favor, insira o primeiro rótulo".
Adicionando itens ao menu
Digite no campo vazio Rótulo para criar seu primeiro item. Assim que um item existir, ele ganha um campo Link e um novo campo de rótulo vazio aparece abaixo para que você possa continuar adicionando itens.
- Rótulo: o texto que os clientes veem, até 50 caracteres.
- Link: o destino. Deve ser um endereço web completo (por exemplo, https://example.com) ou um caminho interno da loja com até dois segmentos, como /products, /collections/shoes ou /pages/about.
O campo Link inclui seletores rápidos para que você não precise digitar os caminhos manualmente: Página inicial, Página de busca e listas pesquisáveis para coleções, Produtos e Páginas.
Aninhamento e limites
Os menus suportam três níveis. Cada item pode conter itens filhos, e cada filho pode ter seus próprios itens:
- Rótulo (primeiro nível): até 5 itens.
- Sub-rótulo (segundo nível): até 10 itens sob cada item de primeiro nível.
- Rótulo específico (terceiro nível): até 10 itens sob cada sub-rótulo.
Quando um nível atinge o limite, o campo de adição é desativado e mostra uma mensagem de "limite atingido". Como esses itens aninhados aparecem para os clientes (como menu suspenso, painel mega menu ou gaveta) é definido depois, no construtor, não aqui. O editor de menus define apenas a estrutura dos links.
Reordenando e removendo itens
Arraste um item pela alça (ícone de barras à esquerda) para reordená-lo dentro do nível. Clique no botão vermelho de lixeira em um item para excluí-lo junto com todos os itens aninhados abaixo dele.
Editando ou excluindo um menu
- Clique em uma linha de menu na lista para abri-lo. O modal mostra o nome e todos os itens atuais.
- Altere o nome ou os itens e clique em Salvar. O botão Salvar fica desativado até que você altere algo.
Para excluir menus, marque a caixa de seleção em cada linha de menu e clique em Excluir menus na barra de ações da tabela. Excluir um menu que ainda está vinculado a um cabeçalho ou rodapé deixa esse bloco sem links até que você atribua outro menu.
Conectando um menu ao cabeçalho
- Abra o construtor e selecione a seção Cabeçalho, depois clique no elemento Menu.
- Em Menu, clique em Selecionar menu. Um menu suspenso será aberto com uma caixa de busca e seus menus listados. Escolha um. (O seletor carrega antecipadamente seus 10 menus mais recentes; digite na caixa de busca para encontrar menus mais antigos.)
- Depois de escolher um menu, você verá os botões Substituir, Editar (abre o menu em uma nova aba) e Remover.
- As seções Aparência e Layout mobile aparecem somente após selecionar um menu. Configure-as e publique a página.
Opções de aparência do menu do cabeçalho
- Tipo: Mega menu (painéis grandes em várias colunas), Dropdown (listas simples) ou Drawer (painel deslizante).
- Posição: esquerda, centro ou direita dentro do cabeçalho.
- Linha: superior (mesma linha do logo) ou inferior (linha separada abaixo).
- Esquema de cores: um dos seus 9 esquemas de cores do tema (0 a 8) para o dropdown ou mega menu.
- Layout mobile: um botão de alternância para Barra de navegação e seu próprio esquema de cores.
Se você definir o tipo como Drawer, os controles de Posição, Linha e Layout mobile ficam ocultos, pois a gaveta sempre é ancorada na borda inicial.
Conectando um menu ao rodapé
- Abra o construtor e selecione a seção Rodapé.
- Se ainda não houver um bloco de Menu, adicione um usando o controle de adicionar bloco do rodapé. O rodapé comporta apenas um bloco de Menu.
- No bloco de Menu, clique em Selecionar menu e escolha um menu. O bloco de Menu do rodapé não tem opções de tipo de exibição: ele apenas exibe os links do menu.
- Publique a página.
Comportamento por mercado e publicação
- Seus menus são compartilhados em toda a loja. O menu ao qual o cabeçalho ou rodapé aponta é salvo no template do construtor, então diferentes templates podem apontar para menus diferentes.
- A pré-visualização do construtor é atualizada instantaneamente, mas os clientes só veem um menu novo ou alterado depois que você publica a página que o utiliza.
- Editar os itens de um menu atualiza em todos os lugares onde ele é usado assim que as páginas relevantes forem publicadas. Não é necessário relincar.
- Use nomes claros como "Navegação principal" e "Links do rodapé". Menus do cabeçalho normalmente trazem a navegação principal, enquanto menus do rodapé trazem links legais e secundários, então mantê-los separados é a configuração mais simples.