Sie finden die Menü Benutzeroberfläche in Ihrem JTL-Shop Backend unter:

Mit der Menüverwaltung können Benutzer ihre Header-Inhalte wie Logo, Navigation, Kontaktdaten oder Suchfeld einfach anordnen und anpassen, um eine ansprechende und funktionale Kopfzeile zu erstellen.

Containerbreite

Definieren Sie die maximale Breite des Headers in Ihrem Shop.

Dropdown Eigenschaften

Konfigurieren Sie die Animation und Position der Dropdown-Elemente im Header. Damit ist zum Beispiel das Kategoriedropdown gemeint.

Textfarbe Megamenü und Dropdown

Einstellen der Textfarbe für das Megamenü und Dropdowns wie Mini-Warenkorb und Kategoriedropdown.

Hintergrundfarbe Megamenü und Dropdown

Hintergrundfarbe für das Megamenü und Dropdowns wie Mini-Warenkorb und Kategoriedropdown.

Sticky & Overlay

Mit diesen zwei Schaltflächen können Sie den Header Sticky und/oder Overlaying machen.

Ist Sticky aktiviert, dann bleibt die mittlere Headerreihe beim Scrollen immer am oberen Rand des Browser-Fensters angeheftet.

Wenn Overlay für den Header aktiviert ist, dann kommen die Overlay-Settings der einzelnen Menü-Reihen zur Anwendung. Der Overlay Header funktioniert nur in der Kombination mit einem admorris Pro Slider, welcher direkt unter dem Header angezeigt wird.
Pro Slider Doku

Desktop/Mobil

Mit diesen zwei Schaltflächen können Sie zwischen Desktop- und Mobil-Editor umschalten. Es können individuelle Einstellungen und Positionierungen für Desktop und Mobil vorgenommen werden. Weiters finden Sie bei dem Mobilen-Editor die Einstellungen für das Mobile-Off-Canvas-Menü.

Preset

Hier kann aus 8 verschiedenen vordefinierten Presets gewählt werden oder Sie passen das Menü auf Ihre Wünsche und Vorlieben per Drag & Drop an.

Header Reihe 1-3

Eine Header Reihe besteht aus 3 Bereichen. Der linke Bereich positioniert die enthaltenen Elemente links. Der mittlere Bereich zentriert die enthaltenen Elemente und der rechte Bereich positioniert die enthaltenen Elemente rechts.
Für jede Header Reihe können die folgenden Settings individuell angepasst werden:

Textfarbe

Legen Sie die Textfarbe für die Header Reihe fest.

Hintergrundfarbe

Legen Sie hier die Hintergrundfarbe für die Header Reihe fest.

Textfarbe Overlayheader

Bei aktivierter Overlayfunktion und der Verwendung eines Pro Sliders, wird diese Textfarbe angewendet.

Hintergrundfarbe Overlayheader

Bei aktivierter Overlayfunktion und der Verwendung eines Pro Sliders, wird diese Hintergrundfarbe angewendet.

Schriftgröße

Definieren Sie eine Schriftgröße für die Header Reihe.

Textformatierung

Bestimmen Sie die Textdarstellung der Header Reihe. (normal, Großbuchstaben)

Schriftschnitt

Bestimmen Sie hier den Schriftschnitt der Header Reihe. (normal, medium, bold)

Padding

Definieren Sie den vertikalen Innenabstand der Header Reihe.

Header Reihe 2

Für den Sticky-Header kann ausschließlich die Header-Reihe 2 verwendet werden. Diese enthält zwei zusätzliche Einstellungen für den Sticky-Header.

Textfarbe für Stickyheader

Legen Sie hier die Textfarbe für den Sticky-Header fest.

Hintergrundfarbe für Stickyheader

Legen Sie hier die Hintergrundfarbe für den Sticky-Header fest.

Offcanvas-Menüeinstellungen

Diese Reihe wird nur im Mobil-Editor sichtbar. Sie ist vertikal in 3 Bereiche unterteilt. Positionieren Sie die Felder an die gewünschte Position.

Textfarbe Offcanvas-Menü

Textfarbe für das Offcanvas-Menü in der Mobil-Ansicht.

Hintergrundfarbe Offcanvas-Menü

Hintergrundfarbe für das Offcanvas-Menü in der Mobil-Ansicht.

Headerelemente

Logo

An dieser Stelle können Sie Ihr Logo hochladen und die Breite des Logos anpassen.

Bitte beachten Sie, dass Ihr Logo auch im JTL-Shop selber hinterlegt werden sollte. Diese Option finden Sie unter "Darstellung --> Standardelemente --> Logo". Wichtig damit Ihr Logo auch mit der Variable {$ShopLogoURL} verwendet werden kann.

Logo Standardheader und Stickyheader

Fügen Sie Ihr Logo für den Standardheader und den mitlaufenden Sticky-Header ein. Ein schönes Anwendungsbeispiel finden sie hier.

Logo Overlayheader

Bitte beachten Sie, dass das hochgeladene Logo über einen transparenten Hintergrund oder eine passende Hintergrundfarbe verfügen sollte.

Breite Desktop

Geben Sie hier die maximale Breite des Logos in der Desktop-Ansicht an.

Breite Mobil

Geben Sie hier die maximale Breite des Logos in der Mobil-Ansicht an.

Breite Sticky Desktop

Sticky-Einstellungen sind besonders nützlich, um das Menü platzsparend darzustellen.

Breite Sticky Mobil

Sticky-Einstellungen sind besonders nützlich, um das Menü platzsparend darzustellen.

Suche

Konfigurieren Sie das Verhalten und Aussehen des Suchfeldes.

Dropdownsuche

Hier können Sie zwischen der Dropdown-Suche oder einer normalen Eingabe-Suche wählen.

Dropdownsuche in mobiler Ansicht

Hier können Sie zwischen der Dropdown-Suche oder einer normalen Eingabe-Suche für die mobile Ansicht wählen.

Breite

Hier geben Sie die Breite des Suchfeldes an. Wenn kein Wert angegeben wird, wird automatisch eine Breite von 350px verwendet.

Maximal-Breite Mobil

Geben Sie hier die maximale Breite des Suchfeldes in der mobilen Ansicht an.

Textfarbe Suchfeld

Textfarbe für das Suchfeld bei Standard- und Sticky-Header.

Hintergrundfarbe Suchdropdown

Legen Sie hier die Hintergrundfarbe für das Suchdropdown im Standard- und Sticky-Header fest.

Textfarbe Suchfeld Overlayheader

Textfarbe für das Suchfeld bei aktivierter Overlayoption.

Kategorien

Das Kategorien Element gibt alle, in der JTL-Wawi konfigurierten und für den Shop aktivierten, Kategorien aus.

Hersteller

Das Hersteller Element gibt alle in der Wawi konfigurierten Hersteller aus.

Warenkorb / Kundenkonto / Wunschliste / Vergleichsliste / Währungsauswahl / Wiederbestellen

Legen Sie hier fest, wie sich die Schaltflächen im Desktop-, Mobil- und Offcanvas-Menü verhalten sollen.

Icon/Text Einstellung

Hier können Sie für das Desktop-, Mobil- und Offcanvas-Menü einstellen, ob die Schaltflächen als Icon & Text, nur Icon oder nur Text dargestellt werden.

Sprachauswahl

Legen Sie hier fest, wie sich die Schaltfläche im Desktop-, Mobil- und Offcanvas-Menü verhalten soll.

Icon/Text Einstellung

Hier können Sie für das Desktop-, Mobil- und Offcanvas-Menü einstellen, ob die Schaltfläche als Icon & Text, nur Icon oder nur Text dargestellt wird.

Dropdown

Konfigurieren Sie, ob die Sprachauswahl als Dropdown oder Liste dargestellt wird.

CMS-Megamenü

Dieses Element gibt Verlinkungen zu allen Seiten der Linkgruppe "megamenu" aus. Weitere Informationen finden Sie in der JTL Dokumentation - Eigene Seiten.

CMS-Links

Dieses Element gibt Verlinkungen zu allen Seiten der Linkgruppe "Kopf" aus. Weitere Informationen finden Sie in der JTL Dokumentation - Eigene Seiten.

Social Icons

Dieses Element gibt die im „Layout & Design -> Footer -> Newsletter & Social Media“ angegebenen Social-Media-Links aus.

Kontakt

Im Kontakt Element können Sie Ihre E-Mail-Adresse und Telefon-Nummer angeben.

Textbox 1-4

Die Textboxen können mit Text oder HTML-Inhalten für alle aktiven Sprachen befüllt werden.

Vergessen Sie nicht, in den diversen Einstellungsfenstern, auf "Übernehmen" zu klicken. 

Um die Anpassungen abzuschließen klicken Sie rechts oben auf "Speichern"