Menu pendente

Guia prático Todos os planos 2 min de leitura

Use um menu pendente (flyout) para listas curtas, como Sobre nós > A nossa história, Contacto, Perguntas frequentes. Suporta vários níveis, por exemplo Sapatos > Sapatilhas > Corrida.

Adicionar um menu pendente

1. Escolha um modelo

   Na árvore Elements (elementos) do editor, clique em Add submenu (adicionar submenu) por baixo de um item de primeiro nível que ainda não tenha submenu. Aponte para Dropdown menu (flyout menu) e clique em Select em Vertical dropdown ou Horizontal dropdown (menu pendente vertical ou horizontal).

   

   Os dois modelos de menu pendente. Cada um adiciona itens de exemplo cujo nome pode alterar.

2. Edite os itens filhos

   Passe o rato por cima de um item de exemplo e clique em Edit Item (editar item) para alterar o Title e o Link (título e ligação). Consulte Editar um item de menu para Icon, Image icon, Description, Badge e Visibility.

3. Adicione itens e níveis

   Clique em Add items (adicionar itens) para adicionar um item ao mesmo nível. Clique em Add dropdown por baixo de um item para lhe dar a sua própria lista de nível inferior.

4. Guarde e publique

   Clique em Save e, depois, em Publish.

Modelos

Vertical dropdown (menu pendente vertical)

Os itens empilham-se numa coluna por baixo do item de menu. Os níveis inferiores abrem para o lado.

Horizontal dropdown (menu pendente horizontal)

Os itens aparecem numa linha em toda a largura por baixo da barra do menu. Cada nível inferior abre como uma nova linha por baixo.

Definições do menu pendente

Passe o rato por cima do item pai, clique em Edit Item e desloque-se até Submenu. Não precisa de reconstruir o menu pendente para alterar o seu esquema.

Type (tipo)

Vertical dropdown ou Horizontal dropdown. None desativa o menu pendente, mas mantém os itens.

Width + alignment (largura e alinhamento)

Apenas menus pendentes verticais: Center, Left ou Right (centro, esquerda ou direita) por baixo do item. Os menus pendentes horizontais usam sempre a largura total.

Height + alignment (altura e alinhamento)

Substitui Width + alignment num menu vertical, para menus pendentes verticais: Center, Top ou Bottom (centro, superior ou inferior).

Alterar ou remover

• Pausar: defina Type como None. Os itens são mantidos.
• Mudar de modelo: defina Type como None e clique novamente em Add submenu.
• Remover um item: passe o rato por cima dele e clique em Delete Item (eliminar item).
• Mantenha-o simples: no máximo cerca de 3 níveis; menus mais profundos são difíceis de usar no telemóvel.
• Use um rótulo: um item sem ligação apenas abre a sua própria lista.
• Precisa de imagens ou colunas? Use um mega menu.

Resolução de problemas

O menu pendente não abre na loja online

Confirme que Type não é None, que o menu pendente tem pelo menos um item e que clicou em Save e Publish. Para problemas do tema, consulte Porque é que o menu não aparece?

Páginas relacionadas

• SubmenusCompare menus pendentes, mega menus, menus com separadores e disposições em mosaico e escolha o submenu certo para cada item.
• Mega menuCrie um painel de submenu largo a partir de blocos como listas de ligações, imagens, produtos e um formulário de contacto.
• Editar um item de menuAltere o título, a ligação, o ícone, as cores, a etiqueta, o submenu e a visibilidade de um item, ou duplique-o, mova-o e elimine-o.

Esta página foi útil?

Comunicar um problema