Fly-Out- oder Dropdown-Menü für den Kategoriebaum von Shopware 6
Shopware 6 bietet zur Anzeige der Unterkategorien der Hauptnavigationsmenüpunkte im Standard ein sogenanntes Fly-Out-Menü an, das ab einer Bildschirmbreite von 992 Pixeln ausgeliefert wird und sich über den gesamten Bildschirm erstreckt. Die Kategorien, die in diesem Menü angezeigt werden sollen, werden innerhalb der Administration unter "Kataloge" und "Kategorien" gepflegt. Soll eine Kategorie an dieser Stelle nicht erscheinen, kann man dies bei der jeweiligen Kategorie über das Aktivieren des Schalters "In der Navigation ausblenden" realisieren. In diesem Fall wird dann die Kategorie auch nicht mehr in den anderen Menüs wie dem mobilen OffCanvas-Menü oder im Sidebar-Element "Kategorie-Navigation" angezeigt. Die Tiefe des Kategoriebaums kann beim jeweiligen Verkaufskanal im Bereich "Grundeinstellungen" im Feld "Hauptnavigations-Ebenen" beeinflusst werden.
Das Fly-Out-Menü von Shopware 6 für eine bessere Usability
Über das Fly-Out-Menü erhält der Nutzer schnell eine Übersicht über die Navigationsmöglichkeiten und kann auf diese Weise besser durch die Seitenstruktur der Webseite navigieren. Da die Menschen in unserem Breitengrad von links nach rechts lesen, sollte die Navigation so aufgebaut sein, das auf der linken Seite die wichtigen Unterkategorien stehen und die Wichtigkeit nach rechts hin immer weiter abnimmt. Außerdem sollte man die Produkte in sinnvolle Produktkategorien einteilen, damit dem Nutzer die Suche nach einem Produkt so einfach wie möglich gemacht wird.
Ein Dropdown-Menü bei einem flachen Kategoriebaum
Insofern die Webseite nur einen flachen Kategoriebaum hat oder die Hauptnavigationsmenüpunkte immer nur über wenige Unterkategorien verfügen, lohnt es sich, statt dem Fly-Out-Menü ein Dropdown-Menü in Betracht zu ziehen. In diesem erhalten die Nutzer nur die Informationen, die Sie wirklich benötigen - und das in einer kompakten Form und auch nicht im Vollbildmodus, der ablenkend wirken kann. Um ein Dropdown-Menü auf der eigenen Webseite zu integrieren, reicht es aus, sich die Erweiterung Dropdown Menü zu installieren und zu aktivieren. Diese ermöglicht es auch, das Menü rechtsbündig anzeigen zu lassen oder das sich bei einem vollflächigen oder mehrzeiligen Menü die Dropdown-Menüs des jeweils letzten Hauptnavigationsmenüpunkts einer Zeile nach links statt nach rechts öffnen.