Mobile Suche auf allen Breakpoints

Shopware 5 Themes & Design
1

Hallo,

mein Ziel ist es die Mobile Suche (Icon was sich bei Klick zu Suchfeld ausklappt wie auf Mobile) auf allen Breakpoints und Screen-Größen zu realisieren.

Ich habe erfolglos viele Lösungsansätze ausprobiert. Unter anderem auch diese:

https://forum.shopware.com/discussion/31804/mobile-suchfeld-auch-in-der-desktop-ansicht/p1

https://forum.shopware.com/discussion/26547/javascript-dateien-nicht-ueberschreibbar/p1

StateManager.addPlugin('*[data-search="true"]', 'swSearch', {
    'activeCls': 'is--active'
}, ['xs', 's', 'm', 'l', 'xl']);

Die Lösung liegt scheinbar beim StateManager aber vermutlich ist der Code aus den Beiträgen von 2015-2016 veraltet und manche Klassennamen nicht mehr aktuell.

Vielen Dank im Voraus für eure Hilfe.

2

Hat denn wirklich keiner eine Idee? Ich wäre um jeden Lösungsvorschlag dankbar!

3

Checke mal die 8mylez Videos an. Ich glaube die kauen das gerade durch.

1 „Gefällt mir“
4

Danke für den Tipp. Ich habe es jetzt via CSS und etwas JS gelöst und einfach ein neues Icon in die TPL-Dateien eingebunden und dann über Breakpoints und display: none sowie visibility CSS-Attribute einfach die Desktop suche auf Icon-Klick aktiviert. Etwas umständlich aber funktionabel.