Como adicionar Item de Menu ao Header Menu do seu e-commerce
- Acesse o painel administrativo do seu E-commerce
- Digite o usuário e senha para acessar o painel administrativo
- Clique em “Acessar”
4. No menu lateral esquerdo, clique em “Journal”
5. No menu lateral esquerdo, clique na opção “Header”;
6. Em seguida clique na opção “Main Menu”;
7. E então clique no ícone de “Editar” representado por um lápis ( ✏️ ) ;
8. No menu esquerdo você vai clicar no botão azul de “Adicionar” representado por um sinal de +;
9. Após clicar no botão de adicionar, aparecerá um novo item chamado “Menu Item” no final da lista de opções do Menu. Clique neste novo item item para edita-lo.
Detalhes do Item de Menu
General (Geral):
Confira se está selecionado a aba “General” ( Geral);
- Item Name: neste campo você pode inserir um nome para que você possa identificar o item de menu;
( Este não é o nome que aparecerá no seu e-commerce. ) - Item Status: Na aba “Global” desta seção você vai configurar se o Item de Menu permanecerá ativo ou inativo;
2.1. Na aba “Device” você vai configurar em quais dispositivos você permitirá que este Item de Menu permaneça visível;
2.2. Na aba “Customer” você poderá configurar quais usuários poderão visualizar e interagir com o Item de Menu.
2.3. Na aba “Customer Group” você poderá configurar quais grupos de pessoas poderão acessar o item de menu.
2.4. Na aba “Stores” você poderá selecionar qual e-commerce disponibilizará este item no Header Menu.
2.5. Na aba “Admin Only” você poderá decidir se apenas administradores poderão ver e acessar este Item de menu ou não. - Menu Title: Neste campo voce determinará o título que aparecerá no Item de Menu no seu e-commerce.
(Este título será o que irá de fato mostrar no Item Menu do seu e-commerce.) - Menu Item Icon:
4.1. Na aba “Normal” você pode configurar o ícone do menu, escolhendo um dos ícones disponíveis caso queira. Também poderá configurar a cor, tamanho e algumas outras opções de estilo.
4.2. Na aba “Hover” você poderá configurar a cor que vai aparecer quando você por o cursor do mouse sobre o Item de Menu. - Icon Only: Nesta opção você poderá decidir se o Item de Menu apresentará apenas o Ícone ou o Ícone e o Título.
- Menu Link: nesta etapa você poderá configurar para onde será direcionado após clicar no Item de Menu.
6.1. Você pode estar escolhendo a opção correspondente a funcionalidade do Item de Menu do Header de seu e-commerce.
6.2. Selecionando a opção “Custom” você pode colocar qualquer link de sua preferencia.
6.3. Como por exemplo na imagem abaixo foi selecionado “Category” pois o Item de Menu representará uma categoria no Header Menu do e-commerce.
6.4. A opção que representa configurações extras é representado pelo símbolo de “engrenagem” ( ⚙️ ), nesta opção você encontrará configurações como “Relação do link” e se o Item de Menu quando for clicado irá abrir uma Nova Aba no navegador ou não.
- Dropdown type: Nesta seção você poderá decidir qual tipo de dropdown você quer que o Item de Menu apresente quando o cursor do mouse estiver sobre o mesmo.
- Add SubItem: Neste botão você poderá adicionar subitens ao seu Item de Menu, configurando um item “filho” para essa opção em seu Header Menu.
Confira se está selecionado a aba “Styles Override” ( Sobrescrever Estilos);
- Nesta aba você poderá configurar os estilos do seu Item de Menu para sobrescrever o estilo padrão, assim personalizando do seu jeito.
Confira se está selecionado a aba “Menu Label” ( Etiqueta do Item de menu Menu);
- Nesta aba você poderá configurar a Etiqueta do Item de Menu, assim adicionando um pequeno texto para levar mais informação aos usuários.
Exemplo:
