Crie um Mega Menu para minha loja Shopify

Sobre o Mega Menu no Shopify

Um mega menu é um tipo de menu expansível que exibe várias opções simultaneamente, normalmente organizadas em colunas. É ideal para lojas Shopify com grandes estoques ou muitas categorias de produtos.

Principais características:

• Layout de várias colunas: As categorias são agrupadas em colunas distintas.
• Navegação estruturada: Ajuda os compradores a navegar por coleções ou produtos profundamente aninhados.
• Dependente do tema: O Shopify não oferece uma ferramenta de mega menu integrada. Alguns temas renderizam menus aninhados como mega menus por padrão.

Notas principais antes de começar

Certifique-se de que seu tema atual seja compatível com layouts de menu suspenso ou mega (por exemplo, tema Dawn, Craft ou Ride).

Todas as suas páginas criadas com GemPages ainda dependem do cabeçalho/rodapé do tema. Portanto, as edições do menu devem ser feitas no administrador do Shopify.

Antes de configurar um mega menu, é importante entender algumas limitações e requisitos principais que afetam como seu menu aparecerá em sua loja, inclusive nas páginas criadas pelo GemPages.

#1. Seu tema controla a exibição do menu

Os megamenus não são um recurso de administração integrado da Shopify, mas sim um estilo de layout visual gerenciado pelo seu tema ativo da Shopify. Isso significa que:

• O Shopify só permite que você aninhe itens de menu nas configurações de navegação.
• Se esses itens aparecerão como um menu suspenso simples ou um mega menu completo depende inteiramente de como seu tema os renderiza.

#2. GemPages não pode substituir o cabeçalho do seu tema

Embora o GemPages permita que você crie lindas páginas personalizadas, ele ainda usa o cabeçalho e rodapé globais do seu tema Shopify por padrão. Isso significa que:

• Não é possível criar um mega menu independente dentro do Editor GemPages.
• Você deve usar a Navegação do Shopify para todos os menus do site, incluindo páginas iniciais, páginas de destino e páginas de produtos criadas com o GemPages.

#3. Escolha um tema que suporte mega menus

Para aproveitar ao máximo a estrutura do seu menu aninhado, considere usar um tema que suporte menus suspensos com várias colunas ou com muitos recursos de mídia. Exemplos incluem:

• Impulso, Prestige, Simplifique (temas pagos com layouts de mega menu integrados)
• Ou contrate um desenvolvedor para personalizar seu tema atual

Se sua loja tiver muitas coleções, categorias ou tipos de produtos, isso melhorará muito a experiência do usuário e reduzirá as taxas de rejeição.

Crie um Mega Menu para o seu Shopify

Siga estes passos para criar um mega menu para sua loja.

Etapa 1: acesse seus menus

• No seu administrador do Shopify, vá para Conteúdo > Menus.
• Clique no Menu principal (ou o menu atribuído ao cabeçalho da sua loja) para localizar o editor.

Etapa 2: Crie uma estrutura aninhada

• Clique Adicionar item de menu para criar seu item de menu de nível superior (por exemplo, “Loja”).

• Insira o rótulo e selecione o link de destino para este item de nível superior (por exemplo, “Todos os produtos”).

• Clique Adicionar item de menu para continuar adicionando novos itens. Em seguida, arraste os subitens relacionados (por exemplo, “Cuidados com a pele”) para a direita para aninhá-los abaixo do item pai.

• Adicione mais camadas se o seu tema suportar menus de terceiro nível.

Etapa 3: salve suas atualizações

Depois de terminar de adicionar os itens do menu e organizá-los na estrutura de sua preferência, clique em Economize botão.

Depois disso, todas as alterações são atualizadas automaticamente na sua vitrine, incluindo as páginas criadas pelo GemPages.

Posso criar um mega menu com o GemPages?

Atualmente, você não pode criar um mega menu independente dentro do GemPages Porque:

• GemPages não substitui o cabeçalho global do Shopify ou a navegação.
• Você deve gerenciar seu menu principal de Administração do Shopify > Conteúdo > Menus.
• Tecnicamente, você poderia criar um menu personalizado dentro do corpo de uma landing page.

Por exemplo, se você usar linhas e colunas para criar uma barra superior em páginas criadas com GemPatop, isso NÃO substituirá sua navegação global na loja e não é recomendado para consistência.

Perguntas Frequentes

1. Preciso de um tema especial para criar um mega menu?

Sim. A Shopify cuida apenas da estrutura; o seu tema define o design. Se o seu tema não suportar mega menus, ele será exibido como um menu suspenso simples.

2. Meu mega menu será exibido nas páginas criadas pelo GemPages?

Sim. Como o GemPages herda o cabeçalho/rodapé do seu tema, o mega menu aparecerá automaticamente.

3. Posso estilizar o mega menu no GemPages?

Não. Você não pode estilizar o cabeçalho do tema no GemPages. A personalização deve ser feita por meio das configurações do tema ou do código.

4. E se meu tema não suportar mega menus?

Você pode:

• Mude para um tema que suporte mega menus (por exemplo, Impulse, Prestige).
• Contrate um desenvolvedor para adicionar código personalizado ao seu tema existente.

5. Um mega menu afeta o SEO?

Não, isso não afeta negativamente o SEO. Na verdade, um mega menu bem estruturado pode melhorar a navegação, reduzir as taxas de rejeição e ajudar os mecanismos de busca a rastrear melhor o seu site.