Wofür Menüs gedacht sind
Ein Navigationsmenü ist eine wiederverwendbare Liste von Links. Du erstellst Menüs einmal im Bereich Menüs deines Dashboards und weist dann im Builder deinem Header oder Footer ein Menü zu. Die gleichen Menüs stehen in deinem gesamten Store zur Verfügung, sodass ein Menü an mehreren Stellen wiederverwendet werden kann.
Den Bereich Menüs öffnen
Gehe über die Hauptnavigation zu Menüs. Die Liste zeigt alle von dir erstellten Menüs, das neueste zuerst, mit Erstellungsdatum. Du benötigst die Berechtigung Menüs, um diesen Bereich zu öffnen und zu bearbeiten.
Ein neues Menü erstellen
- Klicke auf Neues Menü erstellen. Ein Modal öffnet sich.
- Gib einen Menünamen ein (Pflichtfeld, bis zu 50 Zeichen). Der Name dient nur deiner Orientierung und wird nie für Käufer angezeigt.
- Füge deine Elemente im Bereich Menüelemente hinzu (siehe unten).
- Klicke auf Speichern.
Ein Menü muss mindestens ein Element mit einer Beschriftung und einem Link enthalten, sonst wird das Speichern mit "Bitte gib die erste Beschriftung ein" abgelehnt.
Menüelemente hinzufügen
Tippe in das leere Feld Beschriftung, um dein erstes Element zu erstellen. Sobald ein Element existiert, erscheint ein Link-Feld und darunter ein neues leeres Beschriftungsfeld, sodass du weitere Elemente hinzufügen kannst.
- Beschriftung: Der Text, den Käufer sehen, bis zu 50 Zeichen.
- Link: Das Ziel. Es muss entweder eine vollständige Webadresse sein (zum Beispiel https://example.com) oder ein interner Store-Pfad mit bis zu zwei Segmenten, wie /products, /collections/shoes oder /pages/about.
Das Link-Feld enthält Schnellwahlen, damit du Pfade nicht von Hand eingeben musst: Startseite, Suchseite und durchsuchbare Listen für Kollektionen, Produkte und Seiten.
Verschachtelung und Limits
Menüs unterstützen drei Ebenen. Jedes Element kann untergeordnete Elemente enthalten, und jedes untergeordnete Element kann wiederum eigene Elemente haben:
- Beschriftung (oberste Ebene): bis zu 5 Elemente.
- Unterbeschriftung (zweite Ebene): bis zu 10 Elemente unter jedem Element der obersten Ebene.
- Spezifische Beschriftung (dritte Ebene): bis zu 10 Elemente unter jeder Unterbeschriftung.
Wenn eine Ebene voll ist, wird das Hinzufügen-Feld deaktiviert und zeigt eine "Limit erreicht"-Meldung an. Wie diese verschachtelten Elemente für Käufer angezeigt werden (als Dropdown, Mega-Menü-Panel oder Drawer), wählst du später im Builder aus, nicht hier. Der Menüeditor definiert nur die Linkstruktur.
Elemente neu anordnen und entfernen
Ziehe ein Element am Griff (das Balkensymbol links davon), um es innerhalb seiner Ebene neu anzuordnen. Klicke auf den roten Papierkorb-Button eines Elements, um es samt aller darunter verschachtelten Elemente zu löschen.
Ein Menü bearbeiten oder löschen
- Klicke auf eine Menüzeile in der Liste, um sie zu öffnen. Das Modal zeigt den Namen und alle aktuellen Elemente.
- Ändere den Namen oder die Elemente und klicke dann auf Speichern. Der Speichern-Button bleibt deaktiviert, bis du tatsächlich etwas änderst.
Um Menüs zu löschen, markiere das Kontrollkästchen in jeder Menüzeile und klicke auf Menüs löschen in der Aktionsleiste der Tabelle. Wenn ein Menü gelöscht wird, auf das ein Header oder Footer noch verweist, bleibt dieser Block ohne Links, bis du ein anderes Menü zuweist.
Ein Menü mit dem Header verbinden
- Öffne den Builder und wähle den Bereich Header aus, dann klicke auf das Element Menü.
- Klicke unter Menü auf Menü auswählen. Ein Dropdown mit Suchfeld und deinen Menüs öffnet sich. Wähle eines aus. (Die Auswahl lädt deine 10 zuletzt verwendeten Menüs vor; tippe im Suchfeld, um ältere zu finden.)
- Sobald ein Menü ausgewählt ist, erscheinen die Buttons Ersetzen, Bearbeiten (öffnet das Menü in einem neuen Tab) und Entfernen.
- Die Bereiche Erscheinungsbild und Mobile Ansicht erscheinen erst, nachdem ein Menü ausgewählt wurde. Konfiguriere sie und veröffentliche dann die Seite.
Header-Menü-Erscheinungsoptionen
- Typ: Mega-Menü (große mehrspaltige Panels), Dropdown (einfache Listen) oder Drawer (ein ausfahrbares Panel).
- Position: links, mittig oder rechts im Header.
- Reihe: oben (gleiche Reihe wie das Logo) oder unten (eine separate Reihe darunter).
- Farbschema: eines deiner 9 Theme-Farbschemata (0 bis 8) für das Dropdown oder Mega-Panel.
- Mobile Ansicht: ein Navigationsleisten-Schalter plus eigenes Farbschema.
Wenn du den Typ auf Drawer setzt, werden die Einstellungen für Position, Reihe und Mobile Ansicht ausgeblendet, da ein Drawer immer am Start-Rand verankert ist.
Ein Menü mit dem Footer verbinden
- Öffne den Builder und wähle den Bereich Footer aus.
- Falls noch kein Menü-Block vorhanden ist, füge einen über die Block-hinzufügen-Steuerung des Footers hinzu. Ein Footer kann nur einen Menü-Block enthalten.
- Klicke im Menü-Block auf Menü auswählen und wähle ein Menü aus. Der Footer-Menü-Block hat keine Anzeigeoptionen: Er zeigt einfach die Links des Menüs an.
- Veröffentliche die Seite.
Verhalten pro Markt und Veröffentlichen
- Deine Menüs werden im gesamten Store geteilt. Welches Menü der Header oder Footer verwendet, wird in der Builder-Vorlage gespeichert, sodass verschiedene Vorlagen auf unterschiedliche Menüs zeigen können.
- Die Builder-Vorschau aktualisiert sich sofort, aber Käufer sehen ein neues oder geändertes Menü erst, nachdem du die Seite veröffentlicht hast, die es verwendet.
- Das Bearbeiten von Menüelementen aktualisiert überall dort, wo das Menü verwendet wird, sobald die entsprechenden Seiten veröffentlicht sind. Du musst es nicht erneut verknüpfen.
- Verwende klare Namen wie "Hauptnavigation" und "Footer-Links". Header-Menüs enthalten meist die Hauptnavigation, während Footer-Menüs rechtliche und sekundäre Links führen. Die Trennung ist die einfachste Lösung.