Storefront-JS

Das JS-Plugin HorizontalFlyoutMenu (src/Resources/app/storefront/src/plugin/horizontal-flyout-menu.plugin.ts) wird auf [data-horizontal-flyout-menu] registriert – also einmal je Ausklappmenü der Hauptnavigation.

Verhalten

Klick auf einen Eintrag mit data-tree blendet die Spalten tieferer Ebenen aus, zeigt die Zielspalte und scrollt den Spaltenbereich seitlich nach. Der Klick wird angehalten, bevor er Bootstrap erreicht – sonst schlösse sich das Dropdown.
Ordner-Einträge (role="button", tabindex="0") reagieren zusätzlich auf Eingabe- und Leertaste.
Aktiver Pfad: Beim Start markiert das Plugin alle Einträge, deren data-category-id in window.activeNavigationPathIdList steht oder gleich window.activeNavigationId ist (active, bei Einträgen mit Spalte zusätzlich pseudo-active), und klappt die Spalten Ebene für Ebene auf. Fehlt die Variable (Shopware vor 6.7.7), greift die Option pathIdList.

Optionen

Option	Typ	Standard	Bedeutung
`pathIdList`	`string[]`	`[]`	Rückfall-Pfad, wenn `window.activeNavigationPathIdList` fehlt

Tests

cd src/Resources/app/storefront
npm test

Die Spezifikationen liegen unter test/; test/fixtures/navbar-dropdown.html bildet das Markup des 6.7-Dropdowns nach.

Last modified: 14 October 2026