Nota
Essas informações são específicas do Editor 2.0, anteriormente conhecido como Editor All-Flex. Para identificar sua versão atual do editor, consulte Como identificar a versão do editor que seu site usa .
Um Mega Menu é um tipo de menu de navegação comumente usado em sites para organizar e exibir uma grande quantidade de conteúdo ou opções de uma forma estruturada e visualmente atraente. Ao contrário de um menu suspenso tradicional que exibe uma única coluna de links, o Mega Menu se expande ainda mais horizontalmente. Casos de uso comuns incluem sites de comércio eletrônico com várias categorias de produtos, sites de viagens com muitos destinos ou empresas de serviços que oferecem uma ampla variedade de serviços.
O Mega Menu é ativado a partir do widget Links de navegação e cria uma nova seção vinculada a um item de navegação. Isso permite que o usuário edite e crie a nova seção como faria com qualquer outra seção, por exemplo, adicionando um widget ou criando uma estrutura/layout. Qualquer item de navegação pode ser transformado em um Mega Menu.
*Para sites criados após 25 de julho de 2025, você pode adicionar várias seções a cada mega item do menu. Você pode selecionar seções em branco, pré-projetadas, personalizadas ou criadas por IA. Além disso, você pode salvar seções do mega menu e usá-las em outros sites da sua conta. Observe que uma migração está planejada para mega menus em sites criados antes de 25 de julho de 2025. Este artigo será atualizado quando a migração ocorrer.
Considerações importantes:
-
O Mega Menu só pode ser adicionado a itens de navegação que não sejam subitens ou que incluam subitens próprios.
-
Suportado apenas no tamanho da tela do desktop.
Para criar um Mega Menu:
-
Se você ainda não adicionou um widget de Links de Navegação, precisa adicionar um. No painel lateral, clique em Adicionar e, em seguida, clique em widget. Procure por "Links de Navegação" e, em seguida, arraste e solte-os na tela.
-
Atualmente, o Mega Menu só pode ser ativado no desktop se o widget Links de navegação estiver no cabeçalho e tiver um layout horizontal. Não é compatível com dispositivos móveis.
-
-
Clique no widget Navigation Links para abrir a barra flutuante e selecione Manage Links.
-
Na parte superior do modal, Para que os itens de navegação devem incluir? selecione Links personalizados.
-
Clique para selecionar o item desejado. No lado direito do modal, selecione o menu Mega. Isso transforma o item em um Mega Menu.
-
Insira um nome para o seu Mega Menu. Repita as etapas 4 e 5 para cada item que você deseja transformar em um Mega Menu.
-
Arraste e solte os itens existentes na ordem e no aninhamento desejados. Observe que o Mega Menu só pode ser adicionado a itens de navegação que não sejam subitens ou incluam subitens próprios.
-
Clique em Editar mega menu para fazer alterações no design. As alterações de design só se aplicam à seção atual que você está editando e não às seções que contêm outros Mega Menus.
A seguir, apresentamos dois elementos de design que definem como os usuários abrem seu mega menu. Para acessá-los, role para baixo até a seção Mega Menu do painel de design.
-
Um elemento de design popular é o uso de uma seta em forma de V para indicar aos visitantes do site que o menu pode ser expandido clicando nela. Por padrão, esta seta não está habilitada. Para adicionar a seta, ative a opção de visibilidade da seta . A seta herda o estilo de design dos elos.
-
Especifique como os usuários abrem seu mega menu, selecionando " hover ou "Clicar". O estado padrão é hover . Se você alternar para o modo de clique, o mega menu será aberto no primeiro clique e fechado no segundo.
-
Para obter mais informações sobre as opções de configuração e design dos Links de widget Navegação,widget consulte: Navigation Links.
Para abrir o Mega Menu para edição, você pode:
-
hover sobre a navegação widget e, quando a seção Mega Menu for exibida, clique na seção Mega Menu ou no item de navegação Mega Menu.
-
Clique no widget Navigation Links (Links de navegação) e clique em Manage Links (Gerenciar links).
-
Abra o painel Layers e clique para abrir a seção desejada do Mega Menu.
É possível adicionar um link a uma seção do Mega Menu adicionando qualquer widget com link. A seguir estão alguns exemplos de como você pode adicionar links a uma seção do Mega Menu:
-
Adicione um widget de botão ou ícone e adicione um link a ele.
-
Adicione o widget Photo Gallery e conecte-o a uma coleção.
-
Se quiser exibir um catálogo de comércio eletrônico, o senhor pode adicionar o widget Product Gallery e conectar-se ao catálogo de produtos ou a uma categoria específica.
-
Adicione um widget Navigation Links e configure links personalizados.
Para excluir um Mega Menu, exclua o item do Mega Menu do widget de navegação.
A seguir estão várias outras ações que excluirão um Mega Menu que você deve conhecer:
-
Excluindo o widget Navigation Links.
-
Exclusão do contêiner que inclui um widget de Links de navegação com um Mega Menu.
-
Alterando a predefinição do cabeçalho.
-
Alternando entre tipos de cabeçalho básicos e avançados.
A seguir estão as limitações atuais do Mega Menu:
-
Disponível apenas no tamanho da tela do desktop.
-
O Mega Menu só pode ser usado se o widget Navigation Links estiver em um layout horizontal e dentro do cabeçalho.
-
Não é compatível com dispositivos móveis.
-
Se o senhor duplicar ou copiar e colar um widget Navigation Links com um Mega Menu, o Mega Menu não será duplicado.