Como configurar Mega Menu – Max Mega Menu – Bring Express

Nesse tutorial será apresentado como realizar a configuração do mega menu do seu site, bem como a seleção das categorias, posição dos itens e cores.

1 – O primeiro passo é selecionar as categorias e subcategorias que serão exibidas no seu menu, lembrando que todas as categorias devem estar já cadastradas na loja, caso não tenha categorias cadastradas pode seguir este tutorial de como realizar o cadastro de novas categorias, vamos seguir o caminho então de “Aparência” -> “Menus” para ter acesso a todos os menus do nosso site

Com o acesso a todos os menus, no final da pagina, certifique-se de que opção do mega menu está marcada como local de exibição, caso não esteja basta marcar a opção e salvar

Na aba lateral esquerda temos as opções de itens que podemos adicionar ao menu, como por exemplo páginas da nossa loja, Marcas, Links personalizados (Nesse podemos adicionar qualquer link de redirecionamento) dentre outras opções que serão apresentadas ao clicar em cada item. Neste tutorial iremos trabalhar com as categorias de produtos por se tratar de um menu de categorias:

Ao abrir a aba de “Categorias de Produto” será apresentado todas as categorias e subcategorias já cadastradas no site, podemos selecionar os itens desejados e adicionar ao menu.

OBS: Caso não seja apresentado todas as opções de categorias clique na opção “Ver Tudo”.

As categorias adicionadas ficarão na parte de baixo dos itens, a partir daí podemos clicar e arrastar cada item para ajustar como desejar o menu, lembrando que a endentação dos itens indica que um será submenu de outro. Por exemplo, a categoria calçados é a categoria pai, as que estão mais a direita são suas subcategorias:

Clicando no ícone de expansão de um item é possivel trocar o rotulo de navegação da loja, ver qual a categoria original e remover o item caso queire

Feito a seleção dos menus basta salvar

2 – O próximo passo é a configuração dos itens dentro do Mega Menu para isso vamos passar o mouse sobre uma categoria e clicar no botão de “Mega Menu”

A primeira opção é de selecionar o tipo de menu, as 2 ultimas opções se referem a mega menus pode usar a de preferencia para editar porem recomendamos a primeira de “Mega Menu – Grid Layout” ela é bem simples e é a que iremos explicar nesse tutorial.

Nas opções a baixo é possivel estar editando a maneira como os itens vão estar no menu, suas respectivas localizações, nas opções com valores a cima dizem respeito a largura dos itens no menu de um total de 12 nesse caso como temos apenas 2 subcategorias deixamos com valor de 6 para cada, porém não é obrigatório que o valor das colunas juntos some  o valor de 12 é apenas referencia para as larguras

Para mudar um item de posição é bem simples, basta clicar e arrastar o item que deseja para a coluna/posição que desejar se uma coluna estiver vazia voce pode estar excluindo clicando no ícone de lixeira, além disso é possivel adicionar uma nova coluna ou nova linha clicando nos botões de “+ Column” ou “+”Row”

Acessando a aba de configurações é possivel realizar a seleção de alguns itens com relação ao menu, por exemplo ocultar/mostrar setas, alinhamentos, opções de posição.

Na aba de ícones é possivel selecionar um ícone para ficar ao lado do seu item selecionado

3 – Por ultimo é possivel realizar a edição de fontes e cores do menu na loja, para isso vamos até a aba de “Mega Menu” e selecionar “Menu themes”

Nessa tela será configurado as edições do menu como dito a cima, na primeira aba de General Settings é onde será configurado as opções gerais do seu menu, como qual estilo das setas, altura da linha, sombras, etc…

Já na aba de “Barra de menu” é onde será ajustado os itens que dizem respeito ao primeiro nível do menu, onde ficam as categorias principais:

Podemos então estar editando a cor de fundo, raios da borda, fontes, cores, cores ao passar o mouse, planos de fundo e demais opções

Na aba de Mega Menu estaremos editando todas as partes do menu que é aberto com as subcategorias, desde o fundo até os títulos e subtítulos

Na primeira parte podemos selecionar então o fundo do painel, largura, borda, preenchimentos de coluna

Na segunda parte de Widgets pode ser editado as configurações de widgets, caso tenha sido adicionado ao seu menu, caso contrario pode pular está parte

Na terceira parte de Itens do menu em segundo nível, diz respeito as primeiras categorias filhos do menu

Podendo ser editado as fontes, cores, margens, borda e demais itens.

Na quarta parte e ultima de “Itens do menu em terceiro nível”, diz respeito as subcategorias dentro do próprio menu

Novamente podendo ser editado as fontes, cores, margens, borda e demais itens.

Lembrando que sempre em cada aba salvar as alterações realizadas

Realizada todas as configurações a cima seu menu estará configurado e funcionando com todas as categorias que forem escolhidas e editadas por voce, qualquer duvida que surgir durante alguma das etapas basta entrar em contato com nosso suporte para retirar suas duvidas ou solucionar possíveis erros