Kowal Mega Menu — megamenu automático para Magento 2

MAGENTO 2 · CATEGORIAS · MENU DESKTOP · LUMA E HYVÄ

Kowal Megamenu

Apresente o catálogo em colunas ou sob o botão PRODUTOS. O menu utiliza a estrutura de categorias da loja, e os links personalizados conduzem a coleções, saldos e outras páginas importantes.

1–6 colunas · Links personalizados · Adaptador Hyvä opcional

COMO FUNCIONA NA PRÁTICA

Kowal Megamenu transforma a árvore de categorias num menu desktop claro e multicoluna. O módulo utiliza as categorias da loja atual, a respetiva ordem, atividade e visibilidade.

Adapte o layout ao catálogo. O nível 1 é clicável, o nível 2 fica visível e o nível 3+ pode abrir num submenu.

Adicione ligações para saldos, novidades, coleções, blog ou contacto — antes ou depois das categorias.

O módulo funciona com Luma e tem um adaptador opcional para o menu desktop padrão Hyvä. Em mobile, a navegação nativa mantém-se.

• geração automática a partir das categorias Store View,
• layout de 1 a 6 colunas,
• níveis 3+ opcionais,
• links personalizados e classes CSS,
• configuração dependente da vista da loja,
• regresso à navegação nativa após desativar o módulo,
• suporte para rato e teclado.

Compatibilidade: Magento 2.4.6+, PHP compatível com a versão Magento (mínimo 8.1). Cabeçalhos personalizados ou breakpoints podem exigir adaptação da integração.

Em Stores → Configuration → Kowal → Megamenu, escolha Nativo, Megamenu ou PRODUTOS — lista de categorias e megamenu. A variante nativa mantém o menu do tema sem os links personalizados do módulo.

A variante PRODUTOS abre uma lista vertical das categorias principais e o submenu à direita. A etiqueta do botão e o alinhamento da barra ao centro, à esquerda ou à direita podem ser definidos por Store View.

O menu respeita a root category, a ordem, a atividade e Include in Menu. As categorias sob um elemento principal invisível não são apresentadas. Os cabeçalhos das colunas mantêm-se clicáveis e os níveis mais profundos podem ser ativados como submenu.

Um link personalizado tem URL, texto, classes CSS opcionais e posição antes ou depois das categorias. Os caminhos relativos utilizam o endereço base da loja; as classes exigem estilos próprios. Na variante PRODUTOS, todos os links adicionais aparecem depois do botão.

O módulo e o seletor do adaptador estão desativados por predefinição na configuração. Em Luma, ative Enable Megamenu. Em Hyvä, ative também o adaptador Kowal_MegamenuHyva e Enable Hyva Adapter na vista adequada.

O adaptador mantém a barra desktop padrão Hyvä e substitui o conteúdo dos painéis de categorias suportados. A navegação móvel nativa permanece sem alterações; os links adicionais do módulo aplicam-se ao desktop.

O menu suporta abertura por botão, hover, Tab, Enter/Space, ArrowDown, Escape e clique fora do painel. O link da categoria não perde a função de navegar para a página.

Luma utiliza desktop a partir de 768 px, enquanto Hyvä mantém o breakpoint da barra do tema. Cabeçalhos personalizados, modelos monolíticos antigos e Hyvä Commerce Menu Builder exigem integração separada. As regras de acesso B2B às categorias também devem ser consideradas na implementação.

Após as alterações, limpe a cache config, layout, block_html e full_page. O menu utiliza tags de categoria e é armazenado em cache juntamente com a página em FPC/Varnish.

Desativar o módulo repõe o renderer nativo. Adições à árvore de menu de outras extensões em Luma não são transferidas automaticamente para o megamenu; verifique os itens necessários antes da publicação.

Pacote kowal/module-megamenu, módulo Kowal_Megamenu. Depois de configurar o acesso ao repositório Kowal, instale o pacote, ative o módulo, atualize o Magento e limpe a cache. Em produção, inclua a compilação e a implementação de conteúdos estáticos de acordo com o processo da loja.

1. Organize as categorias
Defina a ordem, a atividade e a visibilidade no menu.

2. Escolha a variante de navegação
Configure colunas, níveis e links personalizados.

3. O cliente utiliza o menu
No desktop, descobre o catálogo; no telemóvel, utiliza a navegação nativa.

A barra principal inclui um botão que abre uma lista vertical de categorias. O respetivo submenu abre à direita em colunas, e os links para promoções e contacto aparecem junto ao botão.