Skip to main content
Diese Optionen betreffen den Header und die Navigationsleiste von NIU Plus.

​
Header und Navigation

Header und Navigation

​
Headertyp

Hier kannst du einen der sieben Headertypen wählen. Der Headertyp beeinflusst Position des Logos, der Suchleiste, der Navicons und der Welten-Navigation. Du hast die Auswahl zwischen: Typ 1 (Classic)
Typ 1 (Classic)
Typ 2 (Modern)
Typ 2 (Modern)
Typ 3 (Logo mittig)
Typ 3 (Logo mittig)
Typ 4 (Kompakt) Einzeilige Navigation mit Menü-Scroller: Logo, Welten-Navigation und Icons teilen sich eine gemeinsame Zeile, die Navigation läuft bei Bedarf über Pfeile weiter.
Typ 4 (Kompakt)
Die Header-Typen 1 bis 4 teilen sich denselben Menüzeilen-Scroller.
Typ 5 (Welten) [Beta] Logo mittig, Welten-Navigation links, Icons rechts, Suchfeld in einer eigenen Zeile darunter.
Typ 5 (Welten) Beta
Typ 6 (Welten, dreizeilig) [Beta] Suchfeld, Logo und Icons in der ersten Zeile, die Welten-Navigation läuft als eigene, dritte Zeile darunter.
Typ 6 (Welten, dreizeilig) Beta
Typ 7 (Welten, Topbar-Logo) [Beta] Das Logo wandert in die Topbar, darunter teilen sich Welten-Navigation, Suchfeld und Icons eine gemeinsame Zeile.
Typ 7 (Welten, Topbar-Logo) Beta
Die Typen 5 bis 7 befinden sich in der Beta-Phase.

​
boolean
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.
​
boolean
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.
​
boolean
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.
​
boolean
Lege fest, ob die Navigationsleiste auf dem Desktop mitscrollen und somit immer sichtbar sein soll.
​
boolean
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
Aktiviert

​
boolean
Lege fest, ob der Hersteller angezeigt werden soll.

​
USPs

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:
​
boolean
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
​
boolean
Funktioniert nur in Kombination mit aktiven Barrierefreiheits-Einstellungen. Mobil wird der Floating Button immer verwendet. Nur auf Desktop verfügbar.
​
boolean
Lege fest, ob das Account-Icon angezeigt werden soll.
​
boolean
Lege fest, ob der Text unter dem Account-Icon angezeigt werden soll.
​
boolean
Lege fest, ob das Wunschlisten-Icon angezeigt werden soll. Damit der Wunschlisten-Icon angezeigt wird, muss die JTL-Shop-Einstellung 439 aktiv sein.
​
boolean
Lege fest, ob der Text unter der Wunschliste angezeigt werden soll.
​
boolean
Lege fest, ob das Vergleichslisten-Icon angezeigt werden soll. Damit das Vergleichslisten-Icon angezeigt wird, muss die JTL-Shop-Einstellung 1780 aktiv sein.
​
boolean
Lege fest, ob der Text unter der Vergleichsliste angezeigt werden soll.
​
boolean
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:
Alles aktiviert:
Nichts aktiviert: