Mega Menu – Magento 2

Nesse tutorial, será apresentado como configurarmos o Mega Menu na plataforma Magento 2.

1 – Com o painel aberto, encontre o Menu “Catálogo”, e selecione a opção “Categorias”, como mostrado na imagem:

2 – Selecione uma das categorias filhos que serão apresentadas,  a selecionada para teste será a “Calçados”.

3 – Com a categoria Filho selecionada, abra a opção Mega Menu for Desktop

4 – Clique em editar, utilizando o Page Builder.

5 – Será aberto o Page Builder conforme a imagem abaixo

6 – Vamos adicionar uma Row dentro do pagebuilder como mostrado na imagem

Após a Row ser adicionada, o nosso Menu deverá ficar da seguinte forma.

7 – Vamos Adicione uma Columm, como no exemplo.

Observe que após adicionar as Colunas, o espaço si dividiu em 2 tamanhos proporcionais. Ou seja, em um deles eu posso adicionar as categorias filhas, e do outro lado posso
adicionar uma imagem/video, por exemplo.

8 – Mova o elemento “{{child_categories_content}}” que são as categorias filhas dessa categoria Pai, para a 1° Coluna criada.

9 – Para finalizar, vamos adicionar uma imagem na 2° Coluna.

Ficando assim

10 – O próximo passo, é selecionar uma imagem para a 2° Coluna, salvar as alterações e limpar o cache.

Resultado final no Painel:

Resultado na Loja: