Menu-instellingen

Wijzig de indeling, elementen, animatie, afstanden en andere instellingen die voor het hele menu gelden.

Naslag Alle abonnementen 5 min. leestijd

Het tabblad Instellingen bepaalt waar het menu verschijnt en hoe elk item erin eruitziet en zich gedraagt. Wil je één item opmaken, gebruik dan de eigen instellingen van dat item; zie Een menu-item bewerken.

De instellingen openen

Het tabblad Instellingen openen

Open het menu in Menubeheer en klik daarna op het tandwielpictogram in de linkerzijbalk van de editor. Het voorbeeld wordt bijgewerkt terwijl je bewerkt.

Het tandwielpictogram opent de menu-instellingen.
Opslaan en publiceren

Klik op Opslaan en daarna op Publiceren.

De standaardwaarden hieronder zijn de waarden waarmee een nieuw menu meestal begint; sommige hangen af van je thema.

Instellingen

Positie

Automatisch vervangen: De app zoekt het hoofdmenu van je thema en vervangt het.
Bestaand menu vervangen: Je kiest de themamenu’s die je wilt vervangen bij Selecteer je hoofdmenu en Selecteer je mobiele menu.
Menu weergeven op deze CSS-selector: Je vult de selector van het gebied in bij CSS-selector van je hoofdmenu en CSS-selector van je mobiele menu. Gebruik dit alleen als de opties hierboven niet werken in je thema.

Elke optie wordt stap voor stap uitgelegd in Een menu publiceren in je thema.

Indeling en elementen

OriëntatieStandaard: Horizontaal: Horizontaal toont de items op het hoogste niveau in een rij. Verticaal stapelt ze in een kolom, zoals een menu in een zijbalk.
UitlijnenStandaard: Links: Lijnt de items op het hoogste niveau Links, Rechts of in het Midden van de menubalk uit.
Maximale menubreedteStandaard: Leeg: Maximale breedte van het menu in px, bijvoorbeeld 1200. Leeg gebruikt de volledige beschikbare breedte.
Zoekvak weergevenStandaard: Aan: Voegt een zoekveld voor producten toe aan het menu.
Scheidingslijn weergeven op desktopStandaard: Aan: Een scheidingslijn tussen items op het hoogste niveau op desktop. Kleur: Kleuren > Separator color (kleur van de scheidingslijn).
Scheidingslijn weergeven op mobielStandaard: Aan: Scheidingslijnen tussen items in het mobiele menu.
Indicatoren weergeven (pijl omlaag)Standaard: Aan: Een klein pijltje naast items die een submenu hebben.

Submenu

Rand weergevenStandaard: Aan: Een rand rond submenu’s. Kleur: Kleuren > Submenu > Border color (randkleur).
Schuifbalk op desktop activerenStandaard: Aan: Klanten kunnen scrollen in een submenu dat hoger is dan het scherm, in plaats van dat het wordt afgesneden.
Schuifbalk op mobiel activerenStandaard: Aan: Hetzelfde, voor het mobiele menu.
Maximale submenubreedteStandaard: Leeg: Maximale breedte van submenu’s in px. Leeg gebruikt de standaardbreedte.
Openingsstijl op mobielStandaard: Dropdown: Dropdown klapt het submenu uit onder het bovenliggende item. Schuiven opent het als een nieuw paneel, met een manier om terug te gaan naar het vorige niveau.

Openingsstijl op mobiel en daaronder de sectie Menu-animatie van het tabblad Instellingen — De sectie Menu-animatie, onder Openingsstijl op mobiel

Trigger – DesktopStandaard: Hover: Hoe submenu’s openen op desktop: Hover, Klik of Wisselen bij klik.
Trigger – MobielStandaard: Wisselen bij klik: Hoe submenu’s openen in het mobiele menu, met dezelfde drie opties.
EffectStandaard: Overvloeien: De animatie bij het openen: Overvloeien of Omhoog schuiven.
Snelheid van overgangStandaard: 300: Duur van de animatie in ms, maximaal 1500.
Vertraging van overgangStandaard: 150: Wachttijd voordat een submenu opent of sluit, in ms, maximaal 1500. Met Hover voorkomt dit dat submenu’s even openspringen als de muis eroverheen beweegt.

De triggers:

Hover: het submenu opent als de muis over het item beweegt.
Klik: de eerste klik of tik opent het submenu; klik je nog een keer op het item, dan ga je naar de link.
Wisselen bij klik: elke klik opent of sluit het submenu; het bovenliggende item gaat nooit naar zijn link.

Accountlinks

Snelkoppelingen naar het klantaccount die wisselen met de inlogstatus van de klant. Ze staan standaard allemaal uit. Zet je er een aan, dan verschijnen velden voor het pictogram en de titel (bijvoorbeeld Inlogpictogram en Inlogtitel, om “Inloggen” te wijzigen in “Aanmelden”).

Inloglink weergevenStandaard: Uit: Verschijnt als de klant niet is ingelogd.
Registratielink weergevenStandaard: Uit: Een link om een account aan te maken. Verschijnt als de klant niet is ingelogd.
Accountlink weergevenStandaard: Uit: Een link naar de accountpagina van de klant. Verschijnt als de klant is ingelogd.
Uitloglink weergevenStandaard: Uit: Verschijnt als de klant is ingelogd.

Afstanden

Sleep de schuifregelaar of typ een waarde in px.

Binnenmarge van hoofdmenuStandaard: 20: Horizontale ruimte aan elke kant van elk item op het hoogste niveau.
Regelhoogte van hoofdmenuStandaard: 50: Hoogte van de menubalk op het hoogste niveau.
Regelhoogte van dropdownStandaard: 50: Hoogte van elke rij in een dropdownsubmenu.
Regelhoogte van tabbladStandaard: 50: Hoogte van elk tabblad in een menu met tabbladen.
Regelhoogte van linklijstStandaard: 30: Hoogte van elke link in een linklijstblok.

Carrousel

Geldt voor blokken die schuiven, zoals productcarrousels en de afbeeldingsslider.

Automatisch afspelenStandaard: Aan: Dia’s schuiven vanzelf door.
Oneindige lusStandaard: Aan: Na de laatste dia begint de carrousel weer bij de eerste.

Geavanceerd

Mobiel menu wanneer de breedte kleiner is danStandaard: 768: Schermbreedte in px waaronder het mobiele menu wordt gebruikt. Bredere schermen krijgen het desktopmenu.
Submenu van linklijstblok verbergenStandaard: Uit: Alleen mobiel. Klapt de links onder elke kop van een linklijst in; klanten tikken op het pijltje van de kop om ze uit te klappen.
Knop In winkelwagen weergevenStandaard: Uit: Een knop om toe te voegen aan de winkelwagen bij producten in de productblokken van het menu. Kleuren: Kleuren > Knop In winkelwagen.
Lazy loading van afbeeldingen activerenStandaard: Aan: Laadt menuafbeeldingen pas wanneer ze nodig zijn, wat de laadsnelheid van pagina’s helpt. We raden aan dit aan te laten.

Problemen oplossen

Tikken op een bovenliggend item op mobiel opent de pagina niet

Staat Trigger – Mobiel op Wisselen bij klik, dan opent tikken op een bovenliggend item alleen het submenu. Zet het op Klik, of voeg de bovenliggende pagina toe als eerste link in het submenu. Zie Een menu-item opent niet op mobiel.

Het mobiele menu verschijnt niet op een tablet of kleine laptop

Het desktopmenu wordt gebruikt op elk scherm dat breder is dan Mobiel menu wanneer de breedte kleiner is dan. Verhoog die waarde.

Was dit nuttig?

Probleem melden