Navigation

Guppy bietet zwei Navigations-Varianten und integriert nahtlos mit dem DmfDropdownNavigation-Plugin für volle Barrierefreiheit.

Navigations-Varianten

Im Tab Header → Navigation:

Variante	Beschreibung
content	Shopware-Standard-Navigation
content-compact	kompakte Navigation mit optimierter Darstellung

Mobile Navigation

Auf mobilen Geräten wird die Navigation als Off-Canvas-Menü dargestellt. Konfigurations-Toggles im Tab Header:

• Mobile Top-Level Resolving: direkt Kategorien anzeigen statt Kategorien-Ordner als Zwischenebene (über das DmfDropdownNavigation-Plugin steuerbar).

Erweiterte Dropdown-Navigation

Mit dem Plugin DmfDropdownNavigation erhält man:

• Vollständige Tastatur-Navigation (Tab, Pfeiltasten, Enter, Escape).
• Konfigurierbare Hintergrund-, Link-, Hover-Farben.
• Optionales Hervorheben der ersten Kategorie (heller oder dunkler).

Plugin-Konfiguration im Admin: Einstellungen → Plugins → Dropdown navigation.

Best Practices

• Maximale Tiefe: drei Ebenen sind handhabbar; tiefer wird unübersichtlich.
• Kategorienamen kurz: lange Namen brechen das Layout in den Flyouts.
• Erste Kategorie als Anker: viele Stores nutzen sie für Sale, Bestseller oder Marken, das Plugin kann sie hervorheben.

Verwandt

• DmfDropdownNavigation: barrierefreies Plugin.
• Header
• Footer