Header und Navigation

Headertyp
Hier kannst du einen der drei Headertypen wählen. Der Headertyp beeinflusst Position des Logos, der Suchleiste und der Navicons. Du hast die Auswahl zwischen: Typ 1 (Classic)


Nav Item Standardklassen überschreiben
Entfernt die Standard CSS Klasse der Nav Items, wenn über das css_klassen Attribut eine eigene Klasse übergeben wurde. Je nach Art der Klasse, kann es sinnvoll sein die Standardklasse zu überschreiben, damit die Darstellung sich verbessert.Topbar anzeigen
Lege fest, ob die Topbar angezeigt werden soll. In der Topbar sind wichtige Elemente enthalten, wie der Sprachschalter und der Währungsschalter. Blende die Topbar nur aus, wenn du auf diese Elemente verzichten kannst und du den Platz einsparen möchtest. Denk auch daran, dass du einfach die Farbe der Topbar in den Variablen-Settings einstellen kannst.Topbar mobil anzeigen
Lege fest, ob die Navigationsleiste bei Mobil angezeigt werden soll. In der Topbar sind wichtige Elemente enthalten, wie der Sprachschalter und der Währungsschalter. Blende die Topbar nur aus, wenn du auf diese Elemente verzichten kannst und du den Platz einsparen möchtest. Denk auch daran, dass du einfach die Farbe der Topbar in den Variablen-Settings einstellen kannst.Sticky Nav Desktop
Lege fest, ob die Navigationsleiste auf dem Desktop mitscrollen und somit immer sichtbar sein soll.Sticky Nav Mobil
Lege fest, ob die Navigationsleiste auf Mobil mitscrollen und somit immer sichtbar sein soll.Suchfeld mobil unter Nav darstellen
Entscheide wie das Suchfeld mobil dargestellt werden soll. Ist diese Einstellung deaktiviert, hast du in der Navigation neben dem Burgermenü ein Suchicon. Ein Tab auf das Icon öffnet die Sidebar mit einem Suchfeld. Beachte hier auch die Einstellungen zur Ajaxsuche. Ist die Ajaxsuche aktiviert, wird in jedem Fall die Sidebar geöffnet, um deinen Besuchern schnell Artikel anzuzeigen, die auf ihre Suche passen. Vorschau: Deaktiviert

Hersteller anzeigen
Lege fest, ob der Hersteller angezeigt werden soll.USPs
Hier kannst du USPs für deinen Shop aktivieren und in der Navigation anzeigen lassen. Header Typ 1 unterstützt die USPs 1 und 2 und stellt diese direkt in der Nav mit dar mit Icon, Text und Untertitel. Die anderen Headertypen unterstützen bis zu 4 USPs mit Icon und Text, dargestellt unter der Nav als USP Line. Die Texte pflegst du über Sprachvariablen. Aktiviere die Hinweise, um die Sprachvariablen zu sehen, die du pflegen kannst. Du kannst die Sprachvariablen über Resources & Health im Tab Plugin Variablen bequem anpassen. Sprachvariablen: USP 1 = niu_usp1_header, niu_usp1_text USP 2 = niu_usp2_header, niu_usp2_text USP 3 = niu_usp3_header, niu_usp3_text USP 4 = niu_usp4_header, niu_usp4_text _header für die Überschrift; _text für den darunterliegenden Text
Aktiv
Lege fest, ob der jeweilige USP aktiviert werden soll.Icon
Wähle ein passendes Icon aus dem Dropdown-Menü für den jeweiligen USP.Navicons

Barrierefreiheit Icon anzeigen
Funktioniert nur in Kombination mit aktiven Barrierefreiheits-Einstellungen. Mobil wird der Floating Button immer verwendet. Nur auf Desktop verfügbar.Account Icon anzeigen
Lege fest, ob das Account-Icon angezeigt werden soll.Text unter Account anzeigen
Lege fest, ob der Text unter dem Account-Icon angezeigt werden soll.Wunschliste anzeigen
Lege fest, ob das Wunschlisten-Icon angezeigt werden soll. Damit der Wunschlisten-Icon angezeigt wird, muss die JTL-Shop-Einstellung 439 aktiv sein.Text unter Wunschliste anzeigen
Lege fest, ob der Text unter der Wunschliste angezeigt werden soll.Vergleichsliste anzeigen
Lege fest, ob das Vergleichslisten-Icon angezeigt werden soll. Damit das Vergleichslisten-Icon angezeigt wird, muss die JTL-Shop-Einstellung 1780 aktiv sein.Text unter Vergleichsliste anzeigen
Lege fest, ob der Text unter der Vergleichsliste angezeigt werden soll.Text unter Warenkorb anzeigen
Lege fest, ob der Warenkorbwert unter dem Warenkorb angezeigt werden soll.Text unter NIU Menu Icon anzeigen
Lege fest, ob das NIU Menu Icon angezeigt werden soll. Diese Einstellung ist nur wirksam, wenn das NIU Menu aktiviert ist. Beispiele: Nur Warenkorb aktiviert:

