Mega Menu-ontwerp
The7-thema heeft een ingebouwde "The7 Mega Menu" functionaliteit waarmee menupictogrammen en afbeeldingen kunnen worden weergegeven, meer gecompliceerde navigatie-indelingen kunnen worden gemaakt en beschrijvingen van menu-items kunnen worden toegevoegd.
Fig. 1. Mega Menu niveaus.
Aan de voorkant ziet een menu met een dergelijke structuur eruit zoals het hieronder wordt weergegeven (afb.2):
Fig. 2. Mega Menu niveaus in front-end
Mega Menu-instellingen
Om Mega Menu voor een bepaald menu-item in te schakelen, moet u op de juiste knop (fig. 3) in het standaard Dashboard -> Uiterlijk -> Menu's-interface klikken:
Fig. 3. Activeer Mega Menu
De 7 megamenu-knop opent een pop-up met algemene opties om een pictogram / afbeelding / FontAwesome HTML-pictogramcodes te selecteren en de pictogrampositie te configureren, opvulling op alle niveaus.
Als u "Mega Menu" inschakelt (in niveau 1 van het menu), worden de hieronder beschreven instellingen weergegeven.
Niveau 1
Afb.4.1. Mega-menu. Menuniveau 1.
- voeg een pictogram / afbeelding / HTML toe aan het recente menu-item;
- Mega Menu zelf inschakelen;
- maak het submenu fullwidth (fig.4.2)
Afb.4.2. Gewone en volledige Mega Menu-indeling
- specificeer aantal kolommen (er zijn 4 kolommen in het voorbeeld). Merk op dat op smallere schermen de indeling van de kolommen wordt gewijzigd in minder kolommen om de bruikbaarheid te behouden;
- menu-items op mobiele apparaten verbergen.
Level 2
Afb.4.3. Mega-menu. Menuniveau 2.
Menuniveau 2 heeft extra opties om:
- verberg titels in het megamenu. Als we deze optie inschakelen voor alle menu-items “MENU C.1”… “MENU C.4” in het voorbeeld, ziet het er zo uit (fig. 4.4):
Afb.4.4. Menu-items van niveau 2 zijn verborgen.
- link verwijderen, dwz menu-items op niveau 2 niet klikbaar maken. Het helpt om "titels" te maken voor de kolommen;
- laat het huidige menu-item een nieuwe rij beginnen. Als we deze instelling toepassen op het item “MENU C.4” in het voorbeeld, ziet het er zo uit (fig. 4.5):
Afb.4.5. Begin een nieuwe rij.
- widgetgebied weergeven in plaats van een submenukolom. In het onderstaande voorbeeld (fig. 4.6) hebben we de opties “Titel verbergen” en “Widget weergeven” toegepast op het item “MENU C.4”:
Afb.4.6. Widgetgebied weergegeven in het item "MENU C.4".
Niveau 3
Menuniveau 3 heeft de volgende opties (fig.4.7):
Afb.4.7. Mega-menu. Menuniveau 3
U kunt ook het veld “Beschrijving” inschakelen om ondertitels voor menu-items toe te voegen (fig. 4.8):
Afb.4.8. Schakel "Beschrijvingen" in (gebruikt voor ondertitels)
Mega Menu-uiterlijk
Typografische instellingen van menu-items Niveau 2 moeten worden geconfigureerd in Thema-opties -> Bovenste balk en koptekst -> Submenu -> Mega-menu-items (fig.5.1):
Afb.5.1. Niveau 2 Mega Menu-items typografie-instellingen
Menu-items van niveau 3 hebben dezelfde instellingen als het gewone submenu. Het moet worden geconfigureerd in Thema-opties -> Bovenste balk en koptekst -> Submenu -> Submenu-items (fig.5.2):
Afb.5.2. Level 3 Mega Menu-items typografie-instellingen
NL 
EN