Die Shop-Navigation (Hauptnavigation) ist die Kategorie-Navigation im Header. Die Kategorien legst du in Shopware an, ThemeWare® bestimmt die Darstellung.
Schritt 1: Kategorien anlegen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"
Lege deine Kategorien und Unterkategorien an
Kategorietyp "Seite / Liste": eine Kategorie mit zugehörigen Produkten und Layout
Kategorietyp "Strukturelement / Einstiegspunkt": dient nur der Gliederung und ist selbst nicht aufrufbar
Kategorietyp "Link": ein Verweis auf ein Produkt, eine andere Kategorie, eine Landingpage oder eine externe Seite
Achte darauf, dass alle Kategorien auf "Aktiv" stehen
Speicher deine Kategorien
Öffne über die Hauptnavigation deinen Verkaufskanal
Wechsel in den Tab "Allgemein"
Prüfe in der Karte "Navigation" das Feld "Einstiegspunkt für die Haupt-Navigation"
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Öffne den Bereich "Top-Navigation Flyout"
Wähle bei "Top-Navigation Flyout" die Darstellung der Untermenüs:
"Shopware-Standard"
Die mobile Navigation konfigurierst du separat:
Tab "Inhalt" => Bereich "Offcanvas-Navigation"
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun die Shop-Navigation konfiguriert.
Einführung:
Einführung:
Lege bei den "Hauptnavigations-Ebenen" fest, wie viele Kategorieebenen geladen werden
Speicher den Verkaufskanal
Wechsel in den Tab "Header"
Öffne den Bereich "Top-Navigation"
Wähle bei "Top-Navigation" aus, wie die Navigation dargestellt wird:
"nicht anzeigen"
"Liste anzeigen"
"Hamburger-Menü anzeigen"
Im Abschnitt "Basiskonfiguration" konfigurierst du unter anderem "Home-Link anzeigen", "Pfeile anzeigen", den "Hover-Effekt" und die "Höhe"
In den Abschnitten "Farbkonfiguration" und "Typografie" passt du Farben, Schriftart, Schriftgröße und Textformatierung an
"ThemeWare® Flyout"
"ThemeWare® Dropdown"
"ThemeWare® Flyout mit Karten"
"ThemeWare® Flyout mit Sidebar"
"ThemeWare® Flyout mit Teasern"
Lege im Abschnitt "Basiskonfiguration" bei den "Hauptnavigations-Ebenen" fest, wie viele Kategorieebenen dargestellt werden
Im Abschnitt "Design" wählst du beim "Flyout" bzw. bei der "Dropdown-Navigation" das gewünschte Design aus
Achtung: Die "Hauptnavigations-Ebenen" des Verkaufskanals sind die Obergrenze. Kategorien unterhalb dieser Ebene werden gar nicht erst in die Storefront geladen und können deshalb auch von ThemeWare® nicht dargestellt werden.
Schritt 3: Top-Navigation konfigurieren
Schritt 4: Untermenüs (Flyout) konfigurieren
Tipp: Die globale Einstellung "Top-Navigation Flyout" kann jede Kategorie über das Kategorie-Zusatzfeld "Top-Navigation Flyout" individuell übersteuern.