Dropdownmenu

Stappenplan Alle abonnementen 2 min. leestijd

Gebruik een dropdownmenu (uitklapmenu) voor korte lijsten zoals Over ons > Ons verhaal, Contact, Veelgestelde vragen. Het ondersteunt meerdere niveaus, bijvoorbeeld Schoenen > Sneakers > Hardlopen.

Een dropdownmenu toevoegen

1. Een sjabloon kiezen

   Klik in de boom Elementen van de editor op Submenu toevoegen onder een item op het hoogste niveau dat nog geen submenu heeft. Ga met de muis naar Dropdownmenu (uitklapmenu) en klik op Selecteren bij Verticale dropdown of Horizontale dropdown.

   

   De twee dropdownsjablonen. Elk sjabloon voegt voorbeelditems toe die je een andere naam kunt geven.

2. De onderliggende items bewerken

   Ga met de muis over een voorbeelditem en klik op Item bewerken om de Titel en Link te wijzigen. Zie Een menu-item bewerken voor Pictogram, Afbeeldingspictogram, Beschrijving, Badge en Zichtbaarheid.

3. Items en niveaus toevoegen

   Klik op Items toevoegen om een item op hetzelfde niveau toe te voegen. Klik onder een item op Dropdown toevoegen om het een eigen, diepere lijst te geven.

4. Opslaan en publiceren

   Klik op Opslaan en daarna op Publiceren.

Sjablonen

Verticale dropdown

Items staan in een kolom onder het menu-item. Diepere niveaus klappen opzij uit.

Horizontale dropdown

Items staan in een rij over de volle breedte onder de menubalk. Elk dieper niveau opent als een nieuwe rij eronder.

Instellingen voor dropdownmenu

Ga met de muis over het bovenliggende item, klik op Item bewerken en scrol naar Submenu. Je hoeft het dropdownmenu niet opnieuw op te bouwen om de indeling te wijzigen.

Type

Verticale dropdown of Horizontale dropdown. Geen schakelt het dropdownmenu uit, maar behoudt de items.

Breedte en uitlijning

Alleen voor verticale dropdowns: Midden, Links of Rechts onder het item. Horizontale dropdowns gebruiken altijd de volle breedte.

Hoogte en uitlijning

Vervangt Breedte en uitlijning in een verticaal menu, voor verticale dropdowns: Midden, Boven of Onder.

Wijzigen of verwijderen

• Pauzeren: zet Type op Geen. De items blijven bewaard.
• Van sjabloon wisselen: zet Type op Geen en klik daarna opnieuw op Submenu toevoegen.
• Een item verwijderen: ga er met de muis over en klik op Item verwijderen.
• Houd het ondiep: maximaal ongeveer 3 niveaus; diepere menu’s zijn lastig te gebruiken op mobiel.
• Gebruik een label: een item zonder link opent alleen zijn eigen lijst.
• Afbeeldingen of kolommen nodig? Gebruik een megamenu.

Problemen oplossen

Het dropdownmenu opent niet in mijn webwinkel

Controleer of Type niet op Geen staat, of het dropdownmenu ten minste één item heeft en of je op Opslaan en Publiceren hebt geklikt. Zie voor problemen met je thema Waarom verschijnt mijn menu niet?

Gerelateerde pagina's

• Submenu'sVergelijk dropdownmenu's, megamenu's, menu's met tabbladen en Masonry-indelingen, en kies het juiste submenu voor elk item.
• MegamenuBouw een breed submenupaneel uit blokken zoals linklijsten, afbeeldingen, producten en een contactformulier.
• Een menu-item bewerkenWijzig de titel, link, het pictogram, de kleuren, badge, het submenu en de zichtbaarheid van een item, of dupliceer, verplaats en verwijder het.

Was dit nuttig?

Probleem melden