Header-Menu

Im Header-Menu pflegst Du die obere Shop-Navigation je Shop. Menüpunkte können auf Produktgruppen, statische Seiten, Contentseiten oder externe Ziele verweisen und als einfache Links, Untermenüs oder HTML-Menüboxen genutzt werden.

Wofür das Header-Menu da ist

Das Header-Menu ist die zentrale Navigation im oberen Shopbereich. Es hilft Kunden, wichtige Sortimente, Seiten und Servicebereiche schnell zu erreichen.

Die Pflege ist shopbezogen. Über die Shopauswahl wird bestimmt, für welchen Shop die Menüpunkte angezeigt, erstellt, sortiert und gespeichert werden.

Shopauswahl und Navigationsebene

• Shopauswahl: bestimmt den Shop, dessen Header-Menü bearbeitet wird.
• Aktuelle Ebene: zeigt, ob gerade die oberste Ebene oder ein Untermenü eines Menüpunktes bearbeitet wird.
• Breadcrumb Home: führt zurück zur obersten Menüebene.
• Menüpunkt als Ebene öffnen: Menüpunkte ohne HTML-Box können angeklickt werden, um ihre Unterpunkte zu bearbeiten.

Die Tabelle zeigt immer nur die Menüpunkte der aktuell geöffneten Ebene.

Menü-Tabelle und Spalten

Die Menü-Tabelle ist fest aufgebaut und besitzt keine konfigurierbare Spaltenauswahl.

• Name: sichtbare Bezeichnung des Menüpunktes. Wenn der Menüpunkt Unterpunkte aufnehmen kann, ist der Name als Link zur nächsten Ebene dargestellt.
• Typ: zeigt, ob der Menüpunkt auf eine Produktgruppe, statische Seite, dynamische Seite, externes Ziel oder eine andere Menüart verweist.
• Optionen: enthält Bearbeiten, Löschen und Sortieraktionen.

Optionen in der Tabelle

• Bearbeiten: öffnet den Menüeintrag im Modal und lädt die passenden Felder für seinen Typ.
• Löschen: entfernt den Menüeintrag nach Bestätigung aus der aktuellen Ebene.
• Nach oben / nach unten: verschiebt den Menüeintrag schrittweise innerhalb der aktuellen Ebene.
• Ganz nach oben / ganz nach unten: setzt den Menüeintrag an den Anfang oder das Ende der aktuellen Ebene.
• Menüpunkt erstellen: öffnet das Formular für einen neuen Menüeintrag in der aktuellen Ebene.

Nach dem Löschen oder Sortieren wird die Reihenfolge der aktuellen Ebene neu durchnummeriert.

Menüpunkt erstellen

Das Erstellen-Formular bietet mehrere Zielarten. Aus den ausgefüllten Feldern wird beim Speichern automatisch die Art des Menüpunktes bestimmt.

• Produktgruppe / cat_id: erstellt einen Menüpunkt zu einer Produktgruppe.
• statische Seite / stat_page_id: erstellt einen Menüpunkt zu einer festen Systemseite wie Startseite, FAQ, Kundenkonto, Kontakt, Warenkorb, Impressum oder Registrierung.
• dynamische Seite / dyn_page_id: erstellt einen Menüpunkt zu einer gepflegten Contentseite des aktuellen oder globalen Shops.
• Bezeichnung (externer Link) / ex_name: Name für einen externen Menüpunkt.
• URL (externer Link) / ex_url: Zieladresse für einen externen Menüpunkt.
• Desktop anzeigen / show_desktop_new: legt fest, ob der neue Menüpunkt auf Desktop-Geräten sichtbar ist.
• Mobil anzeigen / show_mobil_new: legt fest, ob der neue Menüpunkt auf mobilen Geräten sichtbar ist.

Wenn mehrere Zielarten ausgefüllt sind, wertet das Backend sie in dieser Reihenfolge aus: Produktgruppe, statische Seite, dynamische Seite, externer Link.

Menüpunkt bearbeiten

Beim Bearbeiten richtet sich das Formular nach der Art des vorhandenen Menüpunktes.

• Produktgruppe: zeigt die Produktgruppen-Auswahl und speichert das Feld link mit der gewählten Kategorie.
• statische Seite: zeigt das Feld internkey mit den verfügbaren statischen Seiten.
• dynamische Seite: zeigt das Feld link als Contentseiten-Auswahl.
• externer Link: zeigt linkname für die Bezeichnung und link für die Zieladresse.
• Desktop anzeigen / show_desktop: steuert die Desktop-Sichtbarkeit.
• Mobil anzeigen / show_mobil: steuert die mobile Sichtbarkeit.
• type: auf oberster Ebene wird ausgewählt, ob der Menüpunkt normale Unterpunkte nutzt oder die zweite Ebene als HTML-Box verwendet.

Sprachabhängige Felder wie Linkbezeichnung oder HTML-Inhalt werden über die Sprachdaten des Menüpunktes gespeichert.

HTML-Box für die zweite Ebene

Bei Menüpunkten der obersten Ebene kann die zweite Ebene als HTML-Box genutzt werden. Dann erscheint das Feld Inhalt.

• content / Inhalt: Text- oder Editorfeld für die HTML-Box. Wenn der Editor aktiv ist, wird ein Editor angezeigt.
• KI-Unterstützung: das Inhaltsfeld ist als HTML-Menübox für KI-Unterstützung vorbereitet und kann die Linkbezeichnung als Kontext verwenden.
• Vorlagen: es stehen mehrere Layoutvorlagen wie Textspalten, Bildkacheln, Kategorien mit Bild, Linkgruppen, Promo-Links oder Hero-Links zur Auswahl.
• Speichern: übernimmt Inhalt, Menütyp, Sichtbarkeit und typabhängige Linkfelder.

Allgemeine Menüeinstellungen

Unterhalb der Menü-Tabelle werden shopbezogene Einstellungen für das Header-Menü gespeichert.

• header_menu_mouseover - Menü aufklappen per: legt fest, ob Unterpunkte per Klick oder per MouseOver geöffnet werden.
• header_menu_cat_mobil - Kategoriebaum mobil hinzufügen: entscheidet, ob der Kategoriebaum mobil nicht angehängt, an den Anfang oder an das Ende des Menüs gesetzt wird.
• header_menu_cat_desktop - Kategoriebaum Desktop hinzufügen: entscheidet dasselbe für die Desktop-Ansicht.
• Speichern: schreibt diese Einstellungen in die Shop-Konfiguration des ausgewählten Shops.

Wenn der Kategoriebaum mobil im Header-Menü genutzt wird, kann die Sidebar-Kategorienbox auf mobilen Geräten ausgeblendet werden. Dadurch werden doppelte Kategorie-Navigationen vermieden.

Sichere Vorgehensweise

1. Den richtigen Shop auswählen.
2. Auf der passenden Menüebene arbeiten.
3. Neue Menüpunkte mit Desktop- und Mobil-Sichtbarkeit bewusst anlegen.
4. Nach dem Sortieren die Reihenfolge im Frontend prüfen.
5. HTML-Boxen nur nutzen, wenn die zweite Ebene redaktionell gestaltet werden soll.
6. Nach größeren Änderungen Header-Menü-Cache oder Frontend-Cache prüfen, falls alte Navigation sichtbar bleibt.