# Suchfeld als anklickbares Symbol darstellen lassen

**URL:** <https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218>\
**Category:** Themes & Design\
**Created:** [9. Oktober 2015 um 02:05 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218 "2015-10-09T02:05:22Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\
**Post date:** [9. Oktober 2015 um 02:05 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/1 "2015-10-09T02:05:22Z")

</div>

Wie kann ich das Suchfeld als Symbol darstellen lassen, dass sich nur beim ankilcken ausklappt? Bin leider noch vollkommen neu in der Shopware-Welt und ich wäre über eure Hilfe unfassbar dankbar! Grüße, Gregor

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [9. Oktober 2015 um 09:59 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/2 "2015-10-09T09:59:05Z")

</div>

Hallo Gregor, wenn du deinen Browser kleiner (so breit wie ein Smartphone) ziehst dann siehst du wie die Suche zu einem Icon wird und die Suche runtergeklappt werden kann. Hast du dir das schon anschauen können?

---

<div class="post-metadata">

**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\
**Post date:** [9. Oktober 2015 um 14:23 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/3 "2015-10-09T14:23:57Z")

</div>

Ja, so wäre es schon einmal ein guter Ansatz. Jedoch würde ich mir es eher so wünschen wie Bspw. auf der Apple Website. Danke das du mir hilfst!

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [11. Oktober 2015 um 01:14 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/4 "2015-10-11T01:14:08Z")

</div>

Problem gelöst oder noch Fragen offen?

---

<div class="post-metadata">

**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\
**Post date:** [11. Oktober 2015 um 14:46 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/5 "2015-10-11T14:46:25Z")

</div>

Ich habe es versucht (auch mit Hilfe eines anderen Threads) aber ich habe es nicht geschafft. Ich verstehe nicht wie ich die .js Datei in die Theme.php einbinden soll? Hier der Link zu dem Thread: [themes-und-design-f101/javascript-dateien-nicht-uberschreibbar-t26547.html](http://forum.shopware.com/themes-und-design-f101/javascript-dateien-nicht-uberschreibbar-t26547.html) Grüße, Gregor

---

<div class="post-metadata">

**Author:** ![8mylez](https://avatars.discourse-cdn.com/v4/letter/8/f1d935/32.png) [@8mylez](https://forum.shopware.com/u/8mylez)\
**Post date:** [12. Oktober 2015 um 17:50 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/6 "2015-10-12T17:50:55Z")

</div>

Ok, wo genau kommst du nicht weiter? Hast du die Theme.php Datei gefunden? Du kannst mal in der Theme.php vom Responsive Theme anschauen.

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [13. Oktober 2015 um 06:31 UTC](https://forum.shopware.com/t/suchfeld-als-anklickbares-symbol-darstellen-lassen/31218/7 "2015-10-13T06:31:07Z")

</div>

Ich hatte das auch schon probiert, bin aber auch nicht weiter gekommen. Normal müsste man in der entsprechenden js Datei sagen das die Suche als Icon bei allen Seitengrößen verwendet werden soll, also nicht nur xs sondern s, m, l und xl Möchte die Suche auch erst beim Klick als Eingabefenster haben.
