Editar visual – Mega Menu
Neste tutorial vamos descrever como editar o visual do mega menu.
1 – Acesse o menu “Mega Menu” -> “Configurações”, conforme imagem abaixo.
Feito isso será exibida a configuração geral do módulo Mega Menu.
2 – Para a edição do menu da versão Desktop, abra a aba “Configuração do Top Menu”.
Abaixo um descritivo de cada campo e sua finalidade.
2.1 Alinhamento Top Menu: Define qual a direção do alinhamento. O valor padrão é “Left” (esquerda).
2.2 Menu Responsivo: Define se o menu será ou não responsivo. O valor padrão é “Sim”.
2.3 Tamanho para alterar menu para versão mobile: Este campo define até quantos pixels o menu deve permanecer na versão desktop. Abaixo disso ele altera para a versão mobile. O valor padrão é ‘779’.
2.4 Altura Menu Item: Neste item é definida a altura dos itens do menu. O padrão é ’52’.
2.5 Cor de fundo do Top Menu: Define a cor do menu. Para este campo não há valor padrão.
2.6 Tamanho da fonte do Menu item: Define o tamanho da fonte dos textos do menu. Não há valor padrão para este item.
2.7 Texto da etiqueta: Define o estilo do texto (normal, todo maiúsculo, capitalizado). Valor padrão “Normal”.
2.8 Cor do item do Menu: Cor do texto no menu. Não possui cor padrão.
2.9 Cor do texto do Menu ativado: Cor do texto no menu quando está ativo. Não possui cor padrão.
2.10 Cor de fundo do item do Menu ativado: Define a cor do item do menu, quando ativo. Não possui valor padrão.
2.11 Cor de fundo do Submenu: Define a cor do fundo do submenu. Não possui valor padrão.
2.12 Cor do título da caixa do Submenu: Define a cor do texto do título do submenu. Não possui valor padrão.
2.13 Cor do texto principal do Submenu: Define a cor do texto principal do Submenu. Não possui valor padrão.
2.14 Cor do link principal do Submenu: Define a cor dos links do submenu. Não possui valor padrão.
3 – Para a edição do menu da versão Mobile abra a aba “Configuração do Top Menu”.
Abaixo um descritivo de cada campo e sua finalidade.
3.1 Efeito no Mobile: Define a o efeito de transição ao acionar o menu mobile. O valor padrão é “Blind”.
3.2 Cor de fundo da Âncora: Este item define a cor de fundo do menu principal (visível). Não há valor padrão para este campo.
3.3 Cor da Âncora: Define a cor do texto do menu principal (visível). Não há valor padrão para este campo.
3.4 Tamanho da fonte dos itens no mobile: Define o tamanho da fonte dos itens do menu mobile. Não há valor padrão para este campo.
3.5 Texto da etiqueta: Define o estilo do texto (normal, todo maiúsculo, capitalizado). Valor padrão “Normal”.
3.6 Cor do texto dos itens no mobile: Desconsiderar este item.
3.7 Cor de fundo dos itens no mobile: Desconsiderar este item.
3.8 Cor de fundo dos itens ativos no mobile: Define a cor de fundo nos itens ativos do menu mobile. Não há valor padrão para este campo.
3.9 Cor de fundo do submenu mobile: Define a cor de fundo nos itens mais internos do menu mobile. Ou seja, quando ele está totalmente “aberto”. Não há valor padrão para este campo.
3.10 Cor do título da caixa do Submenu: Define a cor do título da caixa nos itens mais internos do menu. Ou seja, quando ele está totalmente “aberto”. Não há valor padrão para este campo.
3.11 Cor do texto principal no submenu mobile: Define a cor do texto nos itens mais internos do menu mobile. Ou seja, quando ele está totalmente “aberto”. Não há valor padrão para este campo.
3.12 Cor do link principal no submenu mobile: Define a cor do texto nos links mais internos do menu mobile. Ou seja, quando ele está totalmente “aberto”. Não há valor padrão para este campo.
4 – Após qualquer alteração nas configurações acima, é recomendado limpar o cache geral do magento e o cache de menu (caso o mesmo esteja ativo). Para tal, basta acessar o menu “Mega Menu”->”Menu Items Management”. Feito isso basta clicar, na tela que será exibida, (imagem abaixo) no botão “Refresh Menu Cache”.
Qualquer dúvida, não exite em entrar em contato com nosso suporte.