Skip to main content

Mega Menu

O que é?​

O Mega Menu é uma section exibida logo abaixo do Header Principal. Composto por links, menus e submenus onde são separadas as categorias de produtos vendidos no site, esta section se caracteriza pela sua gama de opções de links disponíveis.


Objetivo​

O objetivo do Mega Menu, como inicialmente citado, é trazer a melhor visibilidade de categorias e coleções de produtos atuamente vendidos no site. Além disso, disponibilizar banners atrativos, links de ofertas e demais promoções que necessitam destaque em todas as páginas e de forma mais direta.

Configurações​


Geral​

Em suas configurações gerais, é possível selecionar uma das navegações já criadas no admin para ser exibida no meio desta section. Essa estrutura de navegação pode conter links diretos ou com submenus em apenas um nível.


Blocos​


Além da navegação principal situada no meio da section, é possível escolhermos mais tipos de itens para inserirmos ao Mega Menu, são eles:

  1. Banners de submenus;
  2. Botões;
  3. Links;

Banners de submenus​

Esses banners ficarão visíveis ao passar o mouse em um link do Mega Menu que possua submenus. Em suas configurações temos:

  • Submenu: em qual submenu irá aparecer o banner;
  • URL: link de redirecionamento com o click caso haja;
  • Imagem: upload da imagem do banner a ser exibida;

Botões​

São itens criados para serem exibidos ao lado direito ou esquerdo do menu com identidade de botão do site. Em suas configurações temos:

  • Lado de exibição: direito ou esquerdo do menu;
  • Texto ou HTML: que irá dentro do botão, podendo inserir svg de ícones;
  • URL: link de redirecionamento com o click caso haja;
  • Cor do botão;
  • Cor do texto;
  • Cor do botão ao passar o mouse;
  • Cor do texto ao passar o mouse;

Bem como os botões, são itens criados para serem exibidos ao lado direito ou esquerdo do menu. Em suas configurações temos:

  • Lado de exibição: direito ou esquerdo do menu;
  • Texto ou HTML: que irá dentro do botão, podendo inserir svg de ícones;
  • URL: link de redirecionamento com o click caso haja;
  • Cor do link;
  • Cor do link ao passar o mouse;