Pular para o conteúdo
GloboGlobo Docs
Instalar app
Português (Brasil)

Menu suspenso

Adicione uma lista simples de links, com níveis mais profundos opcionais, sob um item de menu de nível superior.

Guia prático Todos os planos 2 min de leitura

Use um menu suspenso (flyout) para listas curtas como Sobre > Nossa história, Contato, Perguntas frequentes. Ele aceita vários níveis, por exemplo Calçados > Tênis > Corrida.

Adicionar um menu suspenso

  1. Escolha um modelo

    Na árvore de Elementos do editor, clique em Adicionar submenu sob um item de nível superior que ainda não tem submenu. Aponte para Menu suspenso (flyout) e clique em Selecionar em Menu suspenso vertical ou Menu suspenso horizontal.

    Os dois modelos de menu suspenso. Cada um adiciona itens de exemplo que você pode renomear.

  2. Edite os itens filhos

    Passe o mouse sobre um item de exemplo e clique em Editar item para alterar o Título e o Link dele. Veja Editar um item de menu para Ícone, Image icon, Descrição, Selo e Visibilidade.

  3. Adicione itens e níveis

    Clique em Adicionar itens para adicionar um item no mesmo nível. Clique em Adicionar menu suspenso sob um item para dar a ele a própria lista mais profunda.

  4. Salve e publique

    Clique em Salvar e depois em Publicar.

Modelos

Menu suspenso vertical
Os itens ficam empilhados em uma coluna sob o item de menu. Os níveis mais profundos se abrem para o lado.
Menu suspenso horizontal
Os itens aparecem em uma linha, na largura total, sob a barra de menu. Cada nível mais profundo abre como uma nova linha abaixo.

Configurações do menu suspenso

Passe o mouse sobre o item pai, clique em Editar item e role até Submenu. Você não precisa refazer o menu suspenso para mudar o layout dele.

Tipo
Menu suspenso vertical ou Menu suspenso horizontal. Nenhum desativa o menu suspenso, mas mantém os itens.
Largura e alinhamento
Somente menus suspensos verticais: Centro, Esquerda ou Direita sob o item. Os menus suspensos horizontais sempre usam a largura total.
Altura e alinhamento
Substitui Largura e alinhamento em um menu vertical, para menus suspensos verticais: Centro, Superior ou Inferior.

Alterar ou remover

  • Pause-o — defina Tipo como Nenhum. Os itens são mantidos.
  • Troque de modelo — defina Tipo como Nenhum e depois clique em Adicionar submenu novamente.
  • Remova um item — passe o mouse sobre ele e clique em Excluir item.
  • Mantenha-o raso — no máximo cerca de 3 níveis; menus mais profundos são difíceis de usar no celular.
  • Use um rótulo — um item sem link só abre a própria lista.
  • Precisa de imagens ou colunas? Use um mega menu.

Solução de problemas

O menu suspenso não abre na minha vitrine

Verifique se Tipo não está como Nenhum, se o menu suspenso tem pelo menos um item e se você clicou em Salvar e Publicar. Para problemas com o tema, veja Por que meu menu não aparece na loja?

Esta página foi útil?

Relatar um problema