Skip to main content

Hauptmenü

Frei designbare Navigation durch das Produktsortiment, z. B.
  • horizontale Navigation
  • alternativ oder zusätzlich: Vertikale (seitliche) Navigation
  • Drop-Down-Menü (Aufklapp-Menü): Erst wenn die Hauptkategorie gewählt ist, öffnen sich die Unterkategorien
  • Mega-Drop-Down-Menü: großflächiges, vertikal oder horizontal (Flyout) aufklappendes Menü, meist mit mehreren Gruppen von Navigationsoptionen, ggf. unterstützt durch Icons
  • Sticky-Menü: Menü folgt dem scrollenden Shop-Kunden
  • Burger-Menü: Menü-Icon in Form von 3 horizontalen kurzen Linien in der Bildschirmecke von (meist mobilen) Endgeräten
  • Off Canvas: seitliche einfahrende Navigation für mobile Darstellungen

Kategorien Laden

Um die Kategorien im Menü darzustellen, werden die Kategorien aus dem Modul $wsCategories mithilfe einer foreach Schleife geladen. Die Unterkategorien können anschließend ebenfalls in verschachtelten Schleifen auf die gleiche Weise eingelesen werden.

Anwendungsbeispiele

Kategorie Level 1

In diesem Beispiel werden die Level 1 Kategorien geladen und als Links ausgegeben.

Unterkategorien

In diesem Beispiel werden zusätzlich die Unterkategorien geladen und als Links ausgegeben.

Auf aktive Kategorie Prüfen

Es kann überprüft werden, ob die aktuell angezeigte Kategorie der Kategorie im Menü entspricht. Dazu werden zunächst die Kategoriedaten aus dem $wsViews Modul geladen und die ID der Kategorie einer Variablen zugewiesen. Durch eine IF Bedingung kann der Verlinkung eine CSS Klasse vergeben werden.

Anwendungsbeispiel