Menu e navegacao

Pre-requisitos

  • Ter uma loja ativa na Offstore.
  • Possuir um plano Pro ou superior para personalizar os itens do menu.
  • Possuir um plano Premium ou superior para configurar o estilo do cabecalho (layout, busca, transparencia e fixacao).

Passo a passo

Configurar links do menu

  1. No painel administrativo, acesse Aparencia > aba Personalizar.
  2. No painel esquerdo do editor visual, selecione a aba Menus e navegacao.
  3. Localize a secao de Cabecalho / Navegacao.
  4. Clique em Adicionar item para incluir um novo item ao menu. Voce pode adicionar ate 8 itens no menu principal.
  5. Escolha o tipo de item desejado:
    • Link interno: direcione para paginas, categorias ou a home da loja.
    • Link externo: adicione qualquer URL externa.
    • Dropdown: crie um submenu com ate 10 links.
    • Mega menu: organize links em ate 4 blocos tematicos.
    • Botao primario: adicione um botao de destaque ao menu.
    • Botao secundario: adicione um botao secundario ao menu.
  6. Para cada item, defina o Titulo (texto exibido no menu) e configure as opcoes especificas do tipo escolhido.
  7. Para reordenar os itens, arraste-os para a posicao desejada.
  8. Para remover um item, clique no icone de exclusao ao lado dele.
  9. Clique em Salvar para publicar as alteracoes.

Configurar estilo do cabecalho

As opcoes de estilo do cabecalho estao disponiveis na aba Geral, dentro das Opcoes avancadas (plano Premium ou superior).

  1. No editor visual, selecione a aba Geral.
  2. Role ate a secao Opcoes avancadas e localize Cabecalho.
  3. Configure as opcoes disponiveis:
    • Layout do cabecalho: escolha entre centralizado (logo no centro), dividido (logo a esquerda, busca e carrinho a direita) ou minimo (logo a esquerda, menu hamburger).
    • Barra de busca: ative ou desative a exibicao do campo de pesquisa.
    • Cabecalho transparente: ative para que o cabecalho fique transparente sobre o conteudo (ideal para banners com imagem de fundo).
    • Cabecalho fixo (sticky): ative para que o cabecalho permaneca visivel ao rolar a pagina.
  4. Acompanhe as alteracoes na pre-visualizacao em tempo real.
  5. Clique em Salvar para aplicar.

Informacoes importantes

  • A personalizacao dos itens do menu requer no minimo o plano Pro. As opcoes de estilo do cabecalho (layout, busca, transparencia e fixacao) requerem o plano Premium ou superior.
  • Os itens configurados no menu do cabecalho tambem sao exibidos no menu mobile (hamburger), mantendo a mesma estrutura e ordem.
  • O menu principal suporta ate 8 itens. Recomendamos entre 4 e 7 para manter a navegacao limpa e funcional.
  • Links externos abrem em uma nova aba do navegador automaticamente.
  • O cabecalho transparente funciona melhor quando a pagina inicial possui um banner ou hero com imagem na primeira secao.

Perguntas frequentes

Quantos itens posso adicionar ao menu? O menu principal suporta ate 8 itens. Recomendamos entre 4 e 7 para manter a usabilidade, especialmente em dispositivos moveis onde o espaco e limitado.

Posso adicionar links para paginas externas? Sim. Ao adicionar um link, voce pode inserir qualquer URL externa. Esses links abrirao em uma nova aba do navegador.

O menu mobile e configurado separadamente? Nao. O menu mobile (hamburger) utiliza automaticamente os mesmos links configurados no menu do cabecalho. A ordem tambem e preservada.

Posso ter submenus ou menus em cascata? Sim. Ao adicionar um item ao menu, voce pode escolher o tipo Dropdown para criar um submenu com ate 10 links, ou Mega menu para organizar links em ate 4 blocos tematicos. Esses recursos estao disponiveis no plano Pro ou superior.

O cabecalho transparente funciona em todas as paginas? O cabecalho transparente e aplicado na pagina inicial. Nas demais paginas (produto, categorias, carrinho), o cabecalho utiliza o estilo padrao com fundo solido para garantir a legibilidade.

Artigos relacionados