Crie uma navegação personalizada no Shopify

Sobre a navegação personalizada do Shopify

Uma visão clara e intuitiva menu de navegação do site ajuda os clientes a encontrar o que precisam mais rapidamente, o que melhora a experiência de navegação e aumenta as conversões.

No Shopify, a barra de navegação (geralmente localizada na área de notificação da sua loja) barra de título ou cabeçalho) é construído a partir de menus que você cria no painel de administração. Você pode adicionar vários itens de menu e organizá-los de acordo com a estrutura da sua loja.

Para criar um menu suspenso no cabeçalho, basta aninhar um ou mais itens de menu sob um item principal. O Shopify exibirá automaticamente os itens aninhados como um menu suspenso no cabeçalho, desde que seu tema suporte navegação multinível.

Isso permite agrupar coleções, produtos ou páginas relacionados em categorias claras para uma navegação mais fluida.

Criar itens de menu no Shopify

• Vá para o seu Administrador do Shopify > Conteúdo > Menus > Menu principal.

• Digite o nome do menu na caixa de nome (por exemplo, “Testar menu principal”)
• Acertar Adicionar itens de menu no Itens de menu caixa para adicionar itens que são exibidos no menu de navegação.

• Insira o rótulo do item e escolha a página de destino no menu suspenso em a ligação caixa.

• Clique no ícone “tique” ao lado do de vidrio caixa para salvar o item e continuar adicionando outros. 
• Quando terminar, clique no Economize botão para salvar suas alterações.

Você pode editar os itens existentes passando o mouse sobre o item e clicando Editar ao lado do item ou clicando no ícone da lixeira para excluí-lo. Além disso, clique e arraste o ⠿ ícone de alça ao lado de cada item para alterar sua posição.

Para criar um menu suspenso no cabeçalho, aninhe um ou mais itens sob um item de menu principal no painel de administração do Shopify. Essa estrutura é o que instrui o Shopify a exibir um menu suspenso no seu cabeçalho.

Se o seu tema for compatível, o menu suspenso aparecerá automaticamente.

Exiba o menu na sua vitrine

Para mostrar seu menu na sua loja ativa, atribua-o ao cabeçalho ou rodapé do seu tema:

• Acesse Loja Online > Temas > clique Personalizar no seu tema ativo.

• No editor de temas, selecione o cabeçalho or Rodapé seção.
• Encontre a configuração do Menu e selecione o menu desejado no menu suspenso.

• Clique Economize no canto superior direito.

Posso usar o GemPages para criar um menu de navegação?

Atualmente, o GemPages não oferece suporte à criação de um menu de navegação completo diretamente no Editor. Elementos de texto e botão só podem rolar para seções dentro da mesma página, não vinculando-se a outras páginas da sua loja.

No entanto, você ainda pode exibir o menu de navegação do Shopify (incluindo menus suspensos) em qualquer página criada pelo GemPages, desde que o cabeçalho do Shopify esteja habilitado.

Siga estas etapas para mostrar a barra de navegação em uma página do GemPages:

• Acesse o aplicativo GemPages no seu Shopify e abra a página no Editor GemPages.
• Clique na aba Configurações no canto superior direito da barra superior.

• Ative a opção para mostrar o cabeçalho e rodapé do tema Shopify e clique em Aplicar configurações.

• Salve e publique sua página.

Melhores práticas para personalização de navegação

• Limite os itens de nível superior a 5–7 para evitar desordem.
• Use menus suspensos para agrupar conteúdo relacionado (por exemplo, categorias de produtos).
• Verifique novamente se todos os links funcionam e levam a páginas ativas.
• Use rótulos simples e claros como “Comprar tudo”, “Sobre nós” ou “Rastrear pedido”.

Perguntas frequentes sobre navegação personalizada no Shopify

Como adiciono um menu suspenso à barra de título no Shopify?

Crie itens de menu aninhados no painel de administração do Shopify. O Shopify transforma automaticamente os itens aninhados em um menu suspenso no cabeçalho, caso seu tema seja compatível com navegação multinível.

Posso reordenar os itens do menu de navegação?

Sim. No administrador do Shopify, arraste e solte itens usando o ⠿ alça para reorganizar sua ordem.

Por que meu menu suspenso não está aparecendo?

Verifique se o seu tema suporta menus suspensos e certifique-se de ter habilitado o cabeçalho no seu tema do Shopify ou nas configurações do GemPages.

Posso usar o GemPages para criar menus de navegação com listas suspensas?

Não diretamente. O GemPages exibe a barra de navegação do seu tema do Shopify quando o cabeçalho está habilitado. Você precisará criar o menu no painel administrativo do Shopify primeiro.

Qual a diferença entre navegação no cabeçalho e navegação no rodapé?

A navegação do cabeçalho geralmente aparece na barra de título na parte superior do seu site, enquanto a navegação do rodapé exibe links na parte inferior. Ambas são gerenciadas pelo painel de administração do Shopify.

Por que o menu suspenso do cabeçalho do Shopify não está aparecendo nas páginas do GemPages?

O GemPages depende do seu tema Shopify para renderizar o cabeçalho. Se o cabeçalho do Shopify estiver desativado no Editor do GemPages, o menu suspenso não será exibido. Certifique-se de que “Exibir cabeçalho e rodapé do Shopify” está ativado.