Main Navigation
Main Navigation (Kategorien)
Last updated
Main Navigation (Kategorien)
Last updated
Aktiviere oder Deaktiviere den häufig redundanten Home-Link (1) im Menü um Platz zu sparen. Du kannst auch entscheiden, ob dieser einen Aktiv-Status (2) erhalten soll, wenn man die Startseite des Shops besucht.
Über die Ausrichtung (3) kannst Du die Menüpunkte horizontal ausrichten und verteilen. Die Trenner (4) Einstellung unterteilt die einzelnen Menü-Elemente mit einem Trennzeichen.
Wähle aus 13+ Hover Animation (5) die passende Animation für Deinen Shop aus.
Der Scroller (6) sorgt optional dafür, dass Kategorien der Main Navigation nicht umbrechen können - egal wie viele Hauptkategorien Du abbilden möchtest. Auf mobilen Geräte mit Toucheingabe kann horizontal gescrollt werden, auf Desktop-Geräten können mit Hilfe der Pfeile (1, 2) die weiteren Kategorien erreicht werden.
Beispiel:
Die Option Unternavigation Aussehen (7) bietet die Möglichkeit das Flyout-Menü durch ein einfaches Dropdown-Menü auszutauschen.
Weitere Einstellungen zur Dropdown-Navigation können im Abschnitt Header > Main Navigation > Dropdown Navigation gemacht werden.
Beispiel:
Mit der Option Service-Navigation anzeigen mobile (8) kann die Service-Navigation in de mobile Offcanvas-Menü angezeigt werden.
Beispiel:
Wahlweise kann die Main-Navigation vom oberen Header-Bereich durch eine Trennlinie (Border) abgehoben werden.
Mit Hilfe der Einstellung Volle Breite (1) kannst Du die Linie auf die volle Header-Breite strecken. Damit läuft die Linie je nach gewähltem Grundlayout bis an den Browserrand und wird nicht durch die maximale Inhaltsbreite beschränkt.
Beispiel:
Über die Option Pfeile (1) kannst Du kleine Pfeile neben den Kategorien darstellen, die angezeigt werden, wenn eine Kategorie Unterkategorien besitzt, siehe Beispiel 1.
Icon bei externen Links (4) (ab Theme Version 2.4.3) zeigt das bekannte "Externer Link" Icon bei Kategorien des Typs "Link" an, wenn dieser durch den Haken "In neuem Tab öffnen" als externer Link eingestellt wurde. Damit wissen Deine Besucher ganz genau, was passiert, wenn sie auf einen solches Link klicken, siehe Beispiel 2.
Den Abstand zwischen den einzelnen Kategorien setzt Du mit Abstand links/rechts (3). Solltest Du sehr viele Kategorien verwenden, reduzieren den Abstand zwischen den Kategorien.
Beispiel 1:
Beispiel 2: