Esta extensão é usada para criar menu personalizado. Usando esta extensão, você pode adicionar diferentes tipos de links de menu, como adicionar categoria, link de página CMS, conteúdo de bloco estático CMS, link de produto, URL personalizado e diferentes links de usuário padrão do magento, como Minha conta, Minha lista de desejos, Login, Logout etc. é fácil de configurar e oferece muitas opções que podem ser configuradas pelo administrador.
1 - Criar Grupo de Menu
2 - Criar Item de Menu - 2.1.A Adicionar Categoria ao Menu de Categorias 2.1B Adicionar Paǵina ao Menu
2.2 Adicionar links no Rodapé 2.2.A Para inserir no rodapé link de uma página institucional 2.2.B Para inserir algum texto 2.2.C Para inserir algum link
3 - Para alterar a ordem de exibição ou excluir
4 - Refletir alterações feitas no Megamenu
1 - Criar Grupos de Menu
Se os grupos não tiverem sido criados você pode estar criando ou editando um grupo existente
**Caso o grupo já tiver sido criado ir para o item 2 deste tutorial**
Exemplos de grupos: O Menu de Categorias, ou os títulos dos links de rodapé (como por exemplo: Institucionais, links úteis, Navegue
Para Criar um Grupo, no painel ir em: CMS - Menu de Navegação Pro - Gerenciar Grupos
Você poderá Editar ou Criar um Novo Grupo
*****Neste tutorial veremos apenas a Guia: Grupo de Menus, as demais abas são quanto a estilização, personalização de fontes e cores etc e estes pontos serão apontados em um outro tutorial****
- Título: Insira o nome do grupo, como Menu principal, Menu esquerdo, Menu superior, Institucional, Links Uteis para que você possa lembrar facilmente o grupo de menus.
- Mostrar ocultar título do grupo: você pode mostrar e ocultar o título do grupo no frontend.
- Cor do título: Defina a cor do título do menu. Cor de fundo do título:
- Defina a cor de fundo do título do menu.
- Status: Você pode ativar e desativar o menu usando o grupo de menus.
- Tipo de menu: Existem quatro tipos de menu principais disponíveis. Mega Menu: Horizontal ou vertical, Expansão Inteligente, Sempre Expandir, Item de Lista
Nível do Item
Direção:
Defina a direção do idioma do item de menu, defina da esquerda para a direita para o idioma normal. Defina da direita para a esquerda para idiomas árabes. Por padrão usamos a direção da esquerda para a direita
Altura e Largura da Imagem
Defina a altura e a largura da imagem para os itens de menu.
2 - Criar itens de Menu
Todos os itens do menu serão gerenciados no menu de navegação para gerenciar os itens do menu. Aqui você pode adicionar um novo menu, bem como excluir e atualizar itens de menu facilmente.
- Você pode arrastar e soltar itens de menu diretamente de um grupo para outro grupo.
- Além disso, você pode alterar o item de menu pai e filho usando arrastar e soltar e, em seguida, clicar no botão Salvar pedido, definido na parte inferior, para alterar a ordem do menu.
- Você pode obter a visualização da loja dos itens de menu escolhendo a visualização da loja no menu suspenso Escolher visualização da loja.
- Existem dois tipos de opções para excluir os itens do menu: Exclua apenas o item pai. o Exclua o item de menu pai e filho.
Exemplo de itens de menu: - as categorias/subcategorias do menu de categorias, os links que são exibidos no rodapé
No painel vá em: CMS - Menu de Navegação Pro - Gerenciar itens de Menu
2.1.A - Adicionar Categoria ao Menu de Categorias
Clique em Adicionar Novo
Em Tipo de Item de Menu - escolha Pagina de Categoria
Selecione a categoria que deseja que seja exibida no menu de categoria (as categorias que tem o - - na frente do nome são subcategorias)
Em Status irá habilitar para exibir a categoria no menu e pode setar para puxar automaticamente as subcategorias, assim não precisará inserir manualmente as subcategorias
Se for querer adicionar icone no menu de categoria - sete esta opção e faça o upload da imagem: formato .png a dimensão irá variar dependendo da arte, do menu, geralmente a partir de 20px a 30px
Irá Inserir também Titulo do Menu (o nome da categoria - nome que vai ser exibido no menu de categoria) - caso quiser alterar o nome da categoria deve alterar aqui
Em Atribuir Grupo de Menus - selecione: Menu Principal
Em Item Pai - selecione: Raiz
Visível em: Selecione: Todas as lojas e Português (clicar com o mouse segurando a tecla ctrl)
Layout da Sub-Categoria - pode colocar 1 layout e em Submenu Alinhar - Esquerda
Ficando desta forma - Após o procedimento acima, clique em Salvar
2.1.B - Adicionar Pagina ao Menu
Clique em Adicionar Novo
Em Tipo de Item de Menu - escolha Pagina do Cms
Selecione a página desejada
Informe o titulo da página
Selecione o local que deseja incluir, neste caso no menu principal
Selecione a visibilidade - todas as lojas e também a loja português brasil
Em status - selecione habilitar
Informe o layout
Clique em Salvar
2.2 Adicionar links no Rodapé
Clique em Adicionar Novo
2.2.A Para inserir no rodapé link de uma página institucional - exemplo a página politica de privacidade - primeiro precisará criar a página em cms - páginas - tutorial Aqui. Caso já tiver criado seguir com o tutorial abaixo
Em Tipo de Item de Menu - escolha - Página do Cms
Selecione a página desejada
Em Status - irá habilitar - para exibir no rodapé
Irá Inserir também Titulo do Menu (o nome que vai ser exibido no rodapé - caso quiser alterar o nome deve alterar aqui
Em Atribuir Grupo de Menus - neste exemplo será o Institucional ou pode ser links uteis ou outro que criar
Em Item Pai - selecione: Raiz
Visível em: Selecione: Todas as lojas e Português (clicar com o mouse segurando a tecla ctrl)
Layout da Sub-Categoria - pode colocar 1 layout e em Submenu Alinhar - Esquerda
Ficando desta forma - Após o procedimento acima, clique em Salvar
2.2.B Para inserir algum texto - exemplo endereço, ou alguma informação que não seja link
Clique em Adicionar Novo
Em Tipo de Item de Menu - escolha -Alias
Em Titulo de Menu - insira a informação - neste exemplo foi um endereço
Irá Inserir também Titulo do Menu (o nome que vai ser exibido no rodapé - caso quiser alterar o nome deve alterar aqui
Em Status - habilitado para exibir no rodapé
Em Atribuir Grupo de Menus - neste exemplo será o Institucional ou pode ser links uteis ou outro que criar
Em Item Pai - selecione: Raiz
Visível em: Selecione: Todas as lojas e Português (clicar com o mouse segurando a tecla ctrl)
Layout da Sub-Categoria - pode colocar 1 layout e em Submenu Alinhar - Esquerda
Após o procedimento acima, clique em Salvar
2.2.C Para inserir algum link - exemplo: e-mail, whatsapp
Em Tipo de Item de Menu - selecione: Url Personalizada
Em Url Customizada: se for:
Whatsapp: insira - https://api.whatsapp.com/send?phone=55 (e o restante do numero sem hifem e espaço)
E- mail: insira: mailto:atendimento@ e o informe o restante do e-mail
Em Titulo do Menu - o Titulo que vai ser exibido: exemplo o numero do telefone, o e-mail
Em Status - habilitado para exibir no rodapé
Se for Url Externa - setar esta opção
Em Atribuir Grupo de Menus - neste exemplo será o Institucional ou pode ser links uteis ou outro que criar
Em Item Pai - selecione: Raiz
Visível em: Selecione: Todas as lojas e Português (clicar com o mouse segurando a tecla ctrl)
Layout da Sub-Categoria - pode colocar 1 layout e em Submenu Alinhar - Esquerda
Após o procedimento acima, clique em Salvar
3 - Para alterar a ordem de exibição ou excluir
As categorias/itens do rodapé criadas serão exibidas no canto esquerdo - poderá alterar a ordem arrastando para cima ou para baixo
Se alterar a ordem clicar em salvar
Se desejar Excluir alguma categoria clique no X e clique para confirmar
4 - Refletir alterações feita no MegaMenu - quando fizer alguma alteração, para que ela seja exibida na loja - seguir o procedimento abaixo:
Ir em:
Clicar em: Publicar
