Hier is een stapsgewijze instructie voor het bouwen en instellen van een dropdown menu, gebaseerd op de uitleg uit de bronnen: Bekijk voor een visuele toelichting ook onze instructievideo via deze link: [Link naar instructievideo].
Stap 1: Een nieuw menu aanmaken
Start in de backoffice
Ga naar het verkoopkanalen > navigeer naar het kanaal van je webshop > navigeer naar Instellingen, scoll naar beneden en klik onderin op Menu's.
Maak een nieuw menu aan en geef deze een duidelijke naam en een alias (bijvoorbeeld "Sale of Dames Kleding").
Stap 2: Menu-items toevoegen Je kunt nu verschillende soorten elementen aan je menu toevoegen:
Alleen tekst: Voeg een menu-item toe dat alleen uit tekst bestaat.
Link: Voeg een URL toe (bijvoorbeeld een link naar een pagina van je eigenwebsite of een externe pagina).
Productcategorie: Koppel een bestaande categorie (zoals 'posters') aan het menu. Je kunt de weergavenaam hiervan in het menu naar wens aanpassen (bijvoorbeeld naar 'Batman posters'), terwijl de link gewoon naar de onderliggende categorie 'posters' blijft verwijzen.
Specifiek product: Link direct naar een los product in je shop.
Space (ruimte): Voeg een 'space' toe om meer visuele witruimte te creëren tussen de verschillende menu-items.
Stap 3: Subniveaus en structuur bepalen
Om de hiërarchie van je dropdown te maken, sleep je items onder elkaar.
Plaats bijvoorbeeld specifieke producten direct onder de hoofdcategorie (zoals de 'Batman posters') om er een logische tweede laag van te maken.
Klik op opslaan zodra je tevreden bent met de indeling.
Stap 4: Het menu in de header plaatsen
Ga terug naar de Builder. Het kan helpen om eerst even je cache te wissen en de pagina opnieuw te laden.
Ga naar de instellingen van je header en zoek het hoofdmenu op waar je de dropdown onder wilt laten vallen. Het is gebruikelijk om dit onder een 'alleen tekst' item te hangen (bijv. de tekst "over ons of Laptops"), zodat dit hoofditem zelf nergens naartoe linkt als men erop klikt. Maar het mogelijk om er een link aan toe te voegen.
Voeg het zojuist aangemaakte menu toe aan dit hoofdonderdeel.
Kies als weergavestijl voor Dropdown menu.
Stap 5: Gelaagdheid activeren en publiceren
Belangrijke stap: Zorg ervoor dat je de instelling aanzet die verschil in niveaus toont. Als je deze optie vergeet aan te vinken, worden alle items gelijkwaardig onder elkaar geplaatst en mis je het effect van een tweede submenu-laag.
Klik op Publiceren om de wijzigingen door te voeren.
Herlaad ten slotte je webshop-pagina om te testen of het dropdown menu goed openklapt en of alle links en categorieën goed verwijzen. We hopen dat het zo duidelijk is. Heb je nog vragen of kom je ergens niet uit? Email ons dan naar cs@storekeeper.nl of bel ons naar 085 016 8008.