Bestaand menu vervangen

Stappenplan Alle abonnementen 2 min. leestijd

Gebruik deze optie als Automatisch vervangen het verkeerde menu kiest, bijvoorbeeld omdat je header een andere navigatie dan Hoofdmenu toont, of verschillende Shopify-menu’s op desktop en mobiel gebruikt. De app zoekt het menu waarvan de links overeenkomen met de navigatie die je kiest, en vervangt het.

Bestaand menu vervangen instellen

1. De navigatie van je header opzoeken

   Ga in je Shopify-beheercentrum naar Webwinkel > Thema’s > Aanpassen, klik op de sectie Header en kijk welk menu is geselecteerd (bijvoorbeeld Hoofdmenu). Sommige thema’s hebben een aparte instelling voor het mobiele menu.

2. Bestaand menu vervangen selecteren

   Klik in de menu-editor op het tabblad Instellingen in de linkerbalk. Kies onder Positie de optie Bestaand menu vervangen.

   

   Bestaand menu vervangen met de twee menulijsten

3. De te vervangen menu’s kiezen

   Stel beide lijsten in zodat ze bij je header passen; zie Instellingen. Ze beginnen op de eerste navigatie in je winkel.

4. Opslaan en publiceren

   Klik op Opslaan en publiceer daarna het menu. Controleer je webwinkel op desktop en op mobiel.

Instellingen

Selecteer je hoofdmenu

De Shopify-navigatie (uit Webwinkel > Navigatie) die je thema op desktop toont, meestal Hoofdmenu.

Selecteer je mobiele menu

De navigatie die je thema in het mobiele menu toont. In de meeste thema’s is dat dezelfde als op desktop.

Problemen oplossen

De menulijsten zijn leeg

Je webwinkel is waarschijnlijk met een wachtwoord beveiligd. De app kan je navigatie dan niet lezen en toont Please remove store front password to update menu list (verwijder het wachtwoord van de webwinkel om de menulijst bij te werken). Klik op Winkelwachtwoord verwijderen (dit opent Webwinkel > Voorkeuren), verwijder het wachtwoord en probeer het opnieuw.

Het menu vervangt de header niet

De app vergelijkt de links in je header met de geselecteerde navigatie, dus vaste links in de code of een andere navigatie komen niet overeen. Kies de navigatie die je header echt gebruikt, of schakel over naar Menu weergeven op deze CSS-selector.

Vervangen op desktop maar niet op mobiel, of andersom

Stel Selecteer je mobiele menu (of Selecteer je hoofdmenu) in op de navigatie die die weergave echt gebruikt.

Gerelateerde pagina's

• Automatisch vervangenLaat de app het headermenu van je thema vinden en automatisch vervangen.
• Menu weergeven op een CSS-selectorPlaats het menu op precies de juiste elementen van je thema door hun CSS-selectors in te vullen.
• Waarom verschijnt mijn menu niet in mijn winkel?Een checklist, stap voor stap, als het menu ontbreekt in je webwinkel of er verkeerd uitziet.

Was dit nuttig?

Probleem melden