Hallo!
Ich möchte die Offcanvas-Navigation gern in allen Viewports anzeigen. Das ist mir mithilfe des Forums bereits gelungen. Ich nutze dazu den window.StateManager.
(function($, window) {
window.StateManager
// OffCanvas menu auch für desktop
.addPlugin('*[data-offcanvas="true"]', 'swOffcanvasMenu', ['xs','s','m','l','xl'])
})(jQuery, window);
Da mein Shop mit einer flachen, top-level Navigation auskommt, möchte ich zusätzlich das swSubCategoryNav System deaktivieren,. Dehalb habe ich die Teile der SubNavigation aus dem Template entfernt. Wenn ihr in meinem Shop guckt funktioniert das soweit ganz gut, aber nicht fehlerfrei: www.lexibo.com
Sobald ihr in einer Kategorie oder auf einer Detailseite das Offcanvas-Menü öffnet, bekommt das DIV .sidebar-main mehrere Klassen: “is–active is–open is–inactive”.
Die Klasse is–inactive verhindert jetzt das scrollen innerhalb des Menüs. Das ist natürlich ein ungewünschter Effekt. Gerade bei landscape Mobilgeräten muss das Menü scrollbar sein. Ich denke diese Klasse wird vom Plugin swSubCategoryNav gesetzt. Wie kann ich das verhindern?
Ich habe folgendes ohne Erfolg getestet:
.addPlugin('.sidebar-main', 'swSubCategoryNav', {
'enabled': false
}, ['xs', 's','m','l','xl'])
.removePlugin('.sidebar-main', 'swSubCategoryNav', ['xs', 's','m','l','xl'])
Die Klasse is–inactive ist nach wie vor im DOM, wenn ich das Menü öffne.
Vielleicht hat ja jemand von euch eine schlaue Idee
Gruß aus Köln,
Stefan