Como transformar um menu hambúrguer em um menu horizontal no Shopify

O que é um cardápio de hambúrgueres?

O menu hambúrguer é o ícone de três linhas (☰) que se expande para mostrar os links de navegação quando clicado.

É comum o seu uso em dispositivos móveis, pois economiza espaço em telas pequenas. Em computadores, no entanto, um menu hambúrguer significa que a navegação fica recolhida em vez de totalmente visível.

O que é um menu horizontal (navegação expandida na área de trabalho)?

Um menu horizontal (também chamado de navegação expandida na área de trabalho) exibe todos os links de navegação principais em uma linha na parte superior da página.

Exemplo:

Página inicial | Loja | Sobre nós | Contato

Este layout:

• Torna a navegação imediatamente visível.
• Melhora a clareza para quem visita o site pela primeira vez.
• Reduz a probabilidade de os clientes perderem páginas importantes.
• Geralmente melhora a usabilidade em desktops.

Embora os menus hambúrguer economizem espaço, eles podem ocultar categorias importantes. Se os visitantes não clicarem no ícone, podem nunca ver o menu completo.

Para a maioria das lojas de aplicativos para desktop, recomenda-se um layout de navegação horizontal.

Como mudar de um menu hambúrguer para um menu horizontal

Siga os passos abaixo para alternar a navegação da sua área de trabalho de recolhida (ícone de hambúrguer) para expandida (horizontal).

Passo 1: Configure a estrutura do seu menu

• Acesse o painel de administração do Shopify.
• Acessar Conteúdo → Menus.
• Abra Menu principal (ou o menu atribuído ao seu cabeçalho).

• Adicione, remova ou reordene os itens do menu conforme necessário.
• Arraste os itens ligeiramente para a direita para criar uma estrutura de menu suspenso.
• Clique Economize.

Passo 2: Alterar o tipo de menu para Horizontal

• Acesse Loja Online → Temas.
• Clique Personalizar no seu tema ativo.

• Abra o cabeçalho seção.
• Localize o Tipo de menu criação.
• Altere para uma das seguintes opções:

Suspenso (recomendado para lojas simples), ou

Mega cardápio (Recomendado para lojas com muitas categorias).

• Clique Economize.

Passo 3: Ative o cabeçalho do Shopify no GemPages

Se você estiver usando o GemPages para criar sua página, confirme se o cabeçalho do tema Shopify está ativado.

Mesmo que você altere corretamente o tipo de menu para Menu suspenso ou Mega menu nas configurações do seu tema, a navegação não aparecerá se o cabeçalho do Shopify estiver oculto no GemPages.

Para verificar isso:

• Abra a página no Editor de GemPages.
• Clique na Configurações (ícone de engrenagem) na barra de ferramentas superior.

• Alternar em Mostrar cabeçalho e rodapé do tema Shopify.

• Salvar e Publicar a página.

Seu menu horizontal estático agora deve aparecer de forma consistente nas páginas do Shopify e do GemPages.