DmfDropdownNavigation

DmfDropdownNavigation ersetzt die Standard-Navigationsleiste in Shopware 6 durch eine vollständig barrierefreie Variante mit Keyboard-Navigation, konfigurierbaren Farben und optionaler Hervorhebung der ersten Kategorie.

Schnellinfo

Composer-Paket	dmf/sw6-plugin-dropdown-navigation
Plugin-Klasse	Dmf\DropdownNavigation\DmfDropdownNavigation
Namespace	Dmf\DropdownNavigation
Shopware	~6.7.0

Installation

composer require dmf/sw6-plugin-dropdown-navigation
bin/console plugin:refresh
bin/console plugin:install --activate DmfDropdownNavigation
bin/console theme:compile
bin/console cache:clear

Features

• Barrierefreie Navigation: vollständige Tastatur-Bedienung, korrekte ARIA-Attribute, Fokus-Sichtbarkeit.
• Farbgestaltung: Hintergrund, Linkfarbe, Hover-Hintergrund und Hover-Textfarbe individuell anpassbar.
• Erste Kategorie hervorheben: wahlweise heller oder dunkler einfärben.
• Mobile Top-Level-Resolving: direkt Kategorien anzeigen, statt Kategorieordner als Zwischenebene.

Konfiguration

Im Admin unter Einstellungen → Plugins → Dropdown navigation:

Feld	Typ	Default	Wirkung
highlightFirstCategory	single-select	lighten	Hervorhebung der ersten Kategorie: lighten (heller), darken (dunkler), noHighlight.
navBgColor	colorpicker	#0B1845	Hintergrundfarbe der Navigationsleiste.
navLinkColor	colorpicker	#FFFFFF	Schriftfarbe der Links.
navLinkBgHover	colorpicker	#215AFF	Hover-Hintergrundfarbe der Links.
navLinkHoverColor	colorpicker	#FFFFFF	Schriftfarbe der Links beim Hover.
mobileCategoryTreeResolving	checkbox	false	Auf Mobile direkt Kategorien anzeigen, anstelle von Kategorieordnern als Zwischenebene.

Hinweise

Mit Guppy abgestimmt

DmfDropdownNavigation integriert sich nahtlos in DmfGuppyTheme, Default-Farben passen zu den Guppy-Brand-Tokens. Für eigene Themes setze die Farben explizit.

Theme-Agnostik

Das Plugin funktioniert mit jedem Shopware-Theme, da es Twig-Templates und Storefront-JS überschreibt. Für die Kombination mit eigenen Themes empfiehlt sich theme:compile nach jeder Konfigurationsänderung.