# Mobile Suche auf allen Breakpoints

**URL:** <https://forum.shopware.com/t/mobile-suche-auf-allen-breakpoints/50810>\
**Category:** Themes & Design\
**Created:** [31. Januar 2018 um 09:20 UTC](https://forum.shopware.com/t/mobile-suche-auf-allen-breakpoints/50810 "2018-01-31T09:20:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![polar](https://avatars.discourse-cdn.com/v4/letter/p/7feea3/32.png) [@polar](https://forum.shopware.com/u/polar)\
**Post date:** [31. Januar 2018 um 09:20 UTC](https://forum.shopware.com/t/mobile-suche-auf-allen-breakpoints/50810/1 "2018-01-31T09:20:30Z")

</div>

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/31804/mobile-suchfeld-auch-in-der-desktop-ansicht/p1)

[https://forum.shopware.com/discussion/26547/javascript-dateien-nicht-ueberschreibbar/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.

---

<div class="post-metadata">

**Author:** ![polar](https://avatars.discourse-cdn.com/v4/letter/p/7feea3/32.png) [@polar](https://forum.shopware.com/u/polar)\
**Post date:** [5. Februar 2018 um 13:45 UTC](https://forum.shopware.com/t/mobile-suche-auf-allen-breakpoints/50810/2 "2018-02-05T13:45:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [6. Februar 2018 um 15:27 UTC](https://forum.shopware.com/t/mobile-suche-auf-allen-breakpoints/50810/3 "2018-02-06T15:27:27Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![polar](https://avatars.discourse-cdn.com/v4/letter/p/7feea3/32.png) [@polar](https://forum.shopware.com/u/polar)\
**Post date:** [7. Februar 2018 um 15:21 UTC](https://forum.shopware.com/t/mobile-suche-auf-allen-breakpoints/50810/4 "2018-02-07T15:21:55Z")

</div>

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.

&nbsp;

&nbsp;