[Gelöst] Mobile Buttons funktion bereits ab Tablet größe Aktivieren

Shopware 5 Themes & Design
3

Hallo zusammen,

wir haben in Shopware einen sogenannten StateManager eingebaut, der es ermöglicht Javascript je nach Viewport-Breite zu aktivieren bzw. zu deaktivieren. Um bei diesen Beispiel zu bleiben. Das Offcanvas-Menü wird nur auf Mobile aktiviert:

StateManager.addPlugin('*[data-offcanvas="true"]', 'swOffcanvasMenu', ['xs', 's'])

https://github.com/shopware/shopware/blob/5.1/themes/Frontend/Responsive/frontend/_public/src/js/jquery.shopware-responsive.js#L34

Um das Offcanvas-Plugin (intern swOffcanvasMenu) auch auf Tablet zu aktivieren müsst ihr einfach in eueren eigenen Theme innerhalb einer Javascript folgendes aufrufen:

StateManager.addPlugin('*[data-offcanvas="true"]', 'swOffcanvasMenu', ['xs', 's', 'm'])

Alle weiteren Informationen rund um unseren StateManager und unserer jQuery Plugin-Basis findet ihr in unseren DevDocs: https://developers.shopware.com/designers-guide/javascript-statemanager-and-pluginbase/ 

Viele Grüße,
Stephan Pohl  Shopware

1 „Gefällt mir“