Substituir o menu existente

Guia prático Todos os planos 2 min de leitura

Use esta opção quando Automatically replace escolhe o menu errado; por exemplo, quando o cabeçalho mostra uma navegação diferente de Menu principal ou usa menus da Shopify diferentes no computador e no telemóvel. A aplicação encontra o menu cujas ligações correspondem à navegação que escolher e substitui-o.

Configurar Replace existing menu

1. Descubra a navegação usada pelo cabeçalho

   No Shopify admin, aceda a Loja online > Temas > Personalizar, clique na secção Cabeçalho e veja que menu está selecionado (por exemplo Menu principal). Alguns temas têm uma definição separada para o menu de telemóvel.

2. Selecione Replace existing menu

   No editor de menu, clique no separador Settings (definições) na barra à esquerda. Em Position (posição), escolha Replace existing menu (substituir o menu existente).

   

   Replace existing menu com as suas duas listas de menus

3. Escolha os menus a substituir

   Defina as duas listas de acordo com o cabeçalho; consulte Definições. Ambas começam na primeira navegação da loja.

4. Guarde e publique

   Clique em Save e, depois, publique o menu. Verifique a loja online no computador e no telemóvel.

Definições

Select your main menu (selecione o menu principal)

A navegação da Shopify (em Loja online > Navegação) que o tema mostra no computador, normalmente Menu principal.

Select your mobile menu (selecione o menu para telemóvel)

A navegação que o tema mostra no menu do telemóvel. Na maioria dos temas, é a mesma do computador.

Resolução de problemas

As listas de menus estão vazias

A loja online está provavelmente protegida por palavra-passe, por isso a aplicação não consegue ler a navegação e mostra Please remove store front password to update menu list (remova a palavra-passe da loja para atualizar a lista de menus). Clique em Remove store password (remover a palavra-passe da loja; abre Loja online > Preferências), remova a palavra-passe e tente novamente.

O menu não substitui o cabeçalho

A aplicação compara as ligações do cabeçalho com a navegação selecionada, por isso ligações fixas no código ou outra navegação não correspondem. Escolha a navegação que o cabeçalho realmente usa ou mude para Show menu on this CSS selector.

Substituído no computador mas não no telemóvel, ou o contrário

Defina Select your mobile menu (ou Select your main menu) para a navegação que esse esquema realmente usa.

Páginas relacionadas

• Substituir automaticamenteDeixe a aplicação encontrar o menu do cabeçalho do seu tema e substituí-lo automaticamente.
• Mostrar o menu num seletor CSSColoque o menu em elementos exatos do tema introduzindo os respetivos seletores CSS.
• Porque é que o menu não aparece na minha loja?Uma lista de verificação passo a passo para quando o menu não aparece na loja online ou tem um aspeto errado.

Esta página foi útil?

Comunicar um problema