Vorlagen (Twig)

Das Plugin hat keine PHP-Logik; es besteht aus zwei Storefront-Vorlagen und einem Storefront-JS-Plugin.

Wo das Menü hängt

Shopware 6.7 rendert den Kopfbereich als ESI-Fragment (/_esi/global/header) und die Hauptnavigation als Reihe von Bootstrap-Dropdowns (@Storefront/storefront/layout/navbar/navbar.html.twig). Den Inhalt jedes Dropdowns liefert layout/navbar/content.html.twig – genau diese Vorlage erweitert das Plugin.

Datei	Rolle
`storefront/layout/navbar/content.html.twig`	`sw_extends` des Core-Templates, ersetzt Block `layout_navbar_content` durch Teaser + Spaltenbereich
`storefront/layout/navbar/horizontal-flyout-menu/categories.html.twig`	eigene Vorlage des Plugins: eine Spalte je Kategorie, rekursiv bis zur Navigationstiefe des Verkaufskanals

Blöcke zum Überschreiben

In layout/navbar/content.html.twig:

layout_navbar_content_horizontal_flyout – der gesamte Flyout-Inhalt
layout_navbar_content_horizontal_flyout_teaser (mit …_teaser_media, …_teaser_text, …_teaser_link, …_teaser_link_text)
layout_navbar_content_horizontal_flyout_columns

In layout/navbar/horizontal-flyout-menu/categories.html.twig:

layout_navbar_horizontal_flyout_categories_column – eine Spalte
layout_navbar_horizontal_flyout_categories_show_category – Link „… anzeigen"
layout_navbar_horizontal_flyout_categories_item_folder/layout_navbar_horizontal_flyout_categories_item_link – ein Eintrag
layout_navbar_horizontal_flyout_categories_recursion – die nächste Ebene

{% sw_extends '@Storefront/storefront/layout/navbar/horizontal-flyout-menu/categories.html.twig' %}

{% block layout_navbar_horizontal_flyout_categories_show_category %}{% endblock %}

Markup-Vertrag mit dem JS-Plugin

Attribut	Bedeutung
`data-horizontal-flyout-menu`	Wurzel; hier startet das JS-Plugin
`data-horizontal-flyout-menu-options`	`{"pathIdList": [...]}` – serverseitiger Pfad, nur Rückfall
`id="tree-<categoryId>"`, `data-level`	eine Spalte
`data-tree="<categoryId>"`	Eintrag öffnet die Spalte `#tree-<categoryId>`
`data-category-id`	Kategorie des Eintrags, für die Markierung des aktiven Pfads

Wer Einträge selbst rendert, muss diese Attribute beibehalten.

Last modified: 14 October 2026