Megamenu
Verander elk menu-item in een breed paneel met meerdere kolommen, uitgelichte afbeeldingen, iconen en aangepaste HTML-inhoud.
Megamenu activeren
- Ga naar Menu Builder → Megamenu.
- Schakel in de lijst met menu-items de schakelaar Megamenu in voor het gewenste item.
- Klik op ＋ Kolom toevoegen om de eerste kolom aan het paneel toe te voegen.
- Stel de inhoud van elke kolom in en sla het menu op.
Kolomtypen
Elke kolom in het megamenu kan een van de volgende inhoudstypen bevatten:
| Type | Omschrijving |
|---|---|
| Linklijst | Een verticale lijst met submenu-links, met optionele titel. |
| Uitgelichte afbeelding | Een afbeelding met optionele titel, beschrijvende tekst en link. |
| Aangepaste HTML | Vrije HTML, WordPress-shortcode of insluitcode. |
| Scheidingsteken | Een visuele ruimte om het paneel te structureren. |
Uitgelichte afbeelding
De kolom met uitgelichte afbeelding is ideaal om een categorie of product uit te lichten. Je kunt de breedte van de afbeelding, de randradius en of de link de hele kolom of alleen de tekst beslaat, instellen.
Paneelstijl
Het megamenupaneel heeft eigen stijlopties, los van het hoofdmenu:
- Breedte — volledige breedte (100% van de viewport) of aangepast in pixels.
- Achtergrond — effen kleur, verloop of achtergrondafbeelding.
- Randradius en schaduw — voor een verzorgde visuele afwerking.
- Rasterkolommen — van 2 tot 6 kolommen met flexibele verdeling.
- Animatie — kies uit infaden, naar beneden schuiven of geen animatie.
Gedrag op mobiel
Op mobiele apparaten opent een tikje op een hoofditem met megamenu een fullscreen-paneel met een ← Terug-knop, waardoor de navigatie aanvoelt als een native app.
- Zichtbaar op mobiel — de hierboven beschreven push-navigatie.
- Verborgen op mobiel — het paneel wordt niet gerenderd op kleine schermen.
Op mobiel worden individuele megamenu-stijlaanpassingen (achtergrond, kleuren, lettertypen) automatisch uitgeschakeld, zodat links altijd worden gerenderd in de neutrale stijl van het mobiele menu.