Substituir menu existente

Guia prático Todos os planos 2 min de leitura

Use quando Substituir automaticamente escolher o menu errado — por exemplo, quando o seu cabeçalho exibe uma navegação diferente de Menu principal ou usa menus diferentes da Shopify no desktop e no celular. O app encontra o menu cujos links correspondem à navegação que você escolher e o substitui.

Configurar Substituir menu existente

1. Encontre a navegação que o seu cabeçalho usa

   No Shopify admin, vá em Loja virtual > Temas > Personalizar, clique na seção Header e veja qual menu está selecionado (por exemplo, Menu principal). Alguns temas têm uma configuração separada para o menu para celular.

2. Selecione Substituir menu existente

   No editor de menu, clique na aba Configurações na barra à esquerda. Em Posição, escolha Substituir menu existente.

   

   Substituir menu existente com as duas listas de menus

3. Escolha os menus a substituir

   Defina as duas listas para corresponder ao seu cabeçalho — veja Configurações. Elas começam na primeira navegação da sua loja.

4. Salve e publique

   Clique em Salvar e depois publique o menu. Confira sua vitrine no desktop e no celular.

Configurações

Selecione seu menu principal

A navegação da Shopify (de Loja virtual > Navegação) que o seu tema exibe no desktop, geralmente Menu principal.

Selecione seu menu para celular

A navegação que o seu tema exibe no menu para celular. Na maioria dos temas, é a mesma do desktop.

Solução de problemas

As listas de menus estão vazias

Sua vitrine provavelmente está protegida por senha, então o app não consegue ler a sua navegação e mostra Remova a senha da loja para atualizar a lista de menus. Clique em Remover senha da loja (abre Loja virtual > Preferências), remova a senha e tente novamente.

O menu não substitui o cabeçalho

O app compara os links do seu cabeçalho com a navegação selecionada, então links fixos no código ou outra navegação não vão corresponder. Escolha a navegação que o seu cabeçalho realmente usa ou mude para Exibir o menu neste seletor CSS.

Substituído no desktop, mas não no celular, ou o contrário

Defina Selecione seu menu para celular (ou Selecione seu menu principal) como a navegação que esse layout realmente usa.

Páginas relacionadas

• Substituir automaticamenteDeixe o app encontrar o menu do cabeçalho do seu tema e substituí-lo automaticamente.
• Exibir o menu em um seletor CSSPosicione o menu em elementos exatos do seu tema informando os seletores CSS deles.
• Por que meu menu não aparece na loja?Uma lista de verificação passo a passo para quando o menu não aparece na sua vitrine ou fica com aparência errada.

Esta página foi útil?

Relatar um problema