Toolbox: #001 · Typ: Start · Fokus: Flex Menu
Problem
Ich möchte die Hauptnavigation meines JTL-Shops frei gestalten, die Optionen im JTL-Shop Backend reichen mir dazu nicht aus.
Viele Shopbetreiber stoßen bei der Gestaltung des Navigationsmenüs an Grenzen: Es fehlen individuelle Menüpunkte, frei anpassbare Dropdowns oder die Möglichkeit, Inhalte wie Bilder oder Icons einzubinden. Auch (Top-) Produkte lassen sich nicht zeigen und verlinken. Kurzum: das "Mega Menu" des JTL-Shops soll - mit möglichst geringem Aufwand - durch ein besseres Menü mit besseren Möglichkeiten ersetzt werden.
Lösung
Mit dem Flex Menu Drop ersetzt du die Standard-Navigation deines JTL-Shops durch ein flexibel anpassbares Menü. Du greifst dabei weder in dein Template ein, noch musst du bestehende Templates manipulieren oder auf ein anderes Template wechseln.
Die Konfiguration erfolgt vollständig über Dropper und bleibt auch bei Template-Updates erhalten. Ein neu erstelltes Flex Menu ersetzt in den Standardeinstellungen das Megamenü des JTL-Shop automatisch. Mit deinem Flex Menu kannst du dann:
- beliebig viele Menüpunkte und Untermenüs anlegen
- strukturierte Dropdowns mit HTML-Inhalten, Bildern oder Spalten erstellen
- andere Drops im Menü verlinken, z.B. Top-Produkte via Product Pipeline Drop
- Menüpunkte je nach Kundengruppe, Gerät oder Seite ein- oder ausblenden
- bestehende Menüs duplizieren oder als Vorlage sichern
- und vieles mehr
Schritt für Schritt
- Flex Menu Drop erstellen & die Grundstruktur deines Menüs bauen (Hauptpunkte, Unterpunkte)
- Dropdowns nach Bedarf ausbauen (z. B. Spalten, Bilder/Icons, HTML-Inhalte, Links)
- Ggf. Darstellungsoptionen im Flex Menu anpassen
- Flex Menu im Shop als Hauptnavigation ausspielen und im Frontend kurz testen
Wissenswert
In den Standardeinstellungen ersetzt ein neu erstelltes Flex Menu automatisch das Mega Menu des JTL-Shop.
Wenn du später Varianten brauchst, kannst du auch mehrere Menüs anlegen und je nach Gerät/Kundengruppe/Seite gezielt ausspielen.
Weitere Beispiele, Videos und die Dokumentation zum Drop sind unten im Ressourcen-Bereich verlinkt.
in Dropper Gold & Ultimate
Nutze alle Drops in unseren Flatrates oder wähle gezielt, was du brauchst
Ressourcen
| Typ | Ressource |
|---|---|
| Video | Flex Menu Einführung (Webinar) - YouTube |
| Live-Demo | Flex Menu als Hauptnavigation im Demoshop - Dropper-Zone |
| Let's Drops | Flex Menu im Einsatz - #042 · #042 · #001 |
| Dokumentation | Test, Lizenz & Doku - Store · Doku · JTL-Extension Store |
| Grundlagen | Dropper & Drops kurz erklärt - Wiki · Store · JTL-Extension Store |