# Offcanvas Menü

**URL:** <https://forum.shopware.com/t/offcanvas-menu/26448>\
**Category:** Programmierung\
**Created:** [23. April 2015 um 12:29 UTC](https://forum.shopware.com/t/offcanvas-menu/26448 "2015-04-23T12:29:47Z")\
**Posts on this page:** 1\
**Showing post:** 21

<div class="post-metadata">

**Author:** ![svg87](https://avatars.discourse-cdn.com/v4/letter/s/c2a13f/32.png) [@svg87](https://forum.shopware.com/u/svg87)\
**Post date:** [7. September 2016 um 14:32 UTC](https://forum.shopware.com/t/offcanvas-menu/26448/21 "2016-09-07T14:32:42Z")

</div>

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

&nbsp;

_Es müssen zunächst folgende less-Dateien überschrieben&nbsp;werden:_

_frontend/\_public/src/less/\_components_

_&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-\> offcanvas-menu.less  
frontend/\_public/src/less/\_modules  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-\>&nbsp;sidebar.less_

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

&nbsp;

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

_frontend/\_public/src/js&nbsp;_

_&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -\>&nbsp;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._

&nbsp;

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

&nbsp;

&nbsp;

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

Vllt. hilfts ja noch 🙂

Mfg Sascha von Grönheim,

Wist+Laumann

---

_[View the full topic](https://forum.shopware.com/t/offcanvas-menu/26448)._