Offcanvas Menü

Hier mal aus einem  internem Wiki Artikel von uns, wo ich das mal zusammen geschrieben hatte. Evtl. haben sich manche Namen/Bezeichnungen geändert.

 

Es müssen zunächst folgende less-Dateien überschrieben werden:

frontend/_public/src/less/_components

             -> offcanvas-menu.less
frontend/_public/src/less/_modules
             -> sidebar.less

Hier müssen die  „größer gleich“ Tablet Viewport Einträge rausgenommen werden. Denn hier wird das Layout ausgeblendet und alle Einträge aus dem Standardmenü.

 

Dazu das Menü im StateManager in jquery.shopware-responsive.js für die Viewports m, l und xl freischalten.

frontend/_public/src/js 

              -> jquery.shopware-responsive.js

m,l und xl hinzufügen für das offcanvasMenu

Nun sieht man das Menü schonmal, aber es ist ist noch nicht so, dass man die detaillierte Navigationslogik aus dem Mobilbereich hat.

 

Für exakte Übereinstimmungen der Menüs (Mehrstufigigkeit der Mobilkomponente) auch im Statemanager subCategoryNav für die Viewports m, l, xl freischalten.

 

 

Die erwähnten „m / l / xl“ Viewports natürlich je nach Anforderung ersetzen.

Vllt. hilfts ja noch :slight_smile:

Mfg Sascha von Grönheim,

Wist+Laumann