# Suche Suchfeld im Header entfernen

**URL:** <https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616>\
**Category:** Themes & Design\
**Created:** [23. Oktober 2015 um 04:16 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616 "2015-10-23T04:16:12Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![handssw5](https://avatars.discourse-cdn.com/v4/letter/h/90db22/32.png) [@handssw5](https://forum.shopware.com/u/handssw5)\
**Post date:** [23. Oktober 2015 um 04:16 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/1 "2015-10-23T04:16:12Z")

</div>

Nachdem ich verschiedene Plugins mit Testversionen ausprobiert habe und feststellen musste, dass die mir meinen Header „total verückt machen“ 🙂 Wie kann ich in SW5.1 das Suchfeld im Header deaktivieren? Für einen guten, zielführenden, leicht verständlichen Rat bin ich schonmal im Vorraus dankbar! 🙂

---

<div class="post-metadata">

**Author:** ![Neox](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@Neox](https://forum.shopware.com/u/Neox)\
**Post date:** [23. Oktober 2015 um 08:35 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/2 "2015-10-23T08:35:04Z")

</div>

Einfache Erklärung für SW5: über CSS: ` main-search--field{ display: none; } ` Nicht zu empfehlen, da das Suchfeld somit aktiv bleibt und nur ausgeblendet wird. im Template: /themes/Frontend/deinTemplate/frontend/index/shop-navigation.tpl ` {extends file="parent:frontend/index/shop-navigation.tpl"} {block name='frontend\_index\_search'} {/block} ` Damit ist das Suchfeld komplett deaktiviert. Die Suche kann allerdings über die richtigen Parameter dennoch ausgeführt werden: ` www.deinedomain.de/search?sSearch=SUCHBEGRIFF ` Hoffe das hilft dir. 🙂 Gruß

---

<div class="post-metadata">

**Author:** ![mchendi](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mchendi](https://forum.shopware.com/u/mchendi)\
**Post date:** [23. Oktober 2015 um 09:01 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/3 "2015-10-23T09:01:26Z")

</div>

[quote=„Neoxx“] ` {extends file="parent:frontend/index/shop-navigation.tpl"} {block name='frontend\_index\_search'} {/block} ` Damit ist das Suchfeld komplett deaktiviert. Die Suche kann allerdings über die richtigen Parameter dennoch ausgeführt werden: ` www.deinedomain.de/search?sSearch=SUCHBEGRIFF ` [/quote] Damit ist es nur in der Tabelle ‚shop-navigation.tpl‘ vollständig ausgeblendet, nicht deaktiviert. Das Problem mit der URL könnte man mit nem ‚redirect‘ beheben.

---

<div class="post-metadata">

**Author:** ![Adysseus1](https://avatars.discourse-cdn.com/v4/letter/a/49beb7/32.png) [@Adysseus1](https://forum.shopware.com/u/Adysseus1)\
**Post date:** [23. Oktober 2015 um 11:41 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/4 "2015-10-23T11:41:01Z")

</div>

Servus, ich finde in dem Blog von den Hostianer ist es super in einzelnen Schritten erklärt wie du das Suchfeld entfernst. Habe ich auch schon gemacht und hat alles super funktioniert. [https://blog.hostianer.de/shopware-5-eigenes-template-erstellen/](https://blog.hostianer.de/shopware-5-eigenes-template-erstellen/) Viel Erfolg!

---

<div class="post-metadata">

**Author:** ![Neox](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@Neox](https://forum.shopware.com/u/Neox)\
**Post date:** [23. Oktober 2015 um 11:54 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/5 "2015-10-23T11:54:07Z")

</div>

[quote=“Adysseus”]Servus, ich finde in dem Blog von den Hostianer ist es super in einzelnen Schritten erklärt wie du das Suchfeld entfernst. Habe ich auch schon gemacht und hat alles super funktioniert. [https://blog.hostianer.de/shopware-5-eigenes-template-erstellen/](https://blog.hostianer.de/shopware-5-eigenes-template-erstellen/) Viel Erfolg![/quote] Hallo, das ist im Prinzip selbes vorgehen wie bei meiner Lösung über das Template nur ausführlicher erklärt. 😃 Bzw. wird dort nicht geschrieben, dass der Inhalt: `{extends file="parent:frontend/index/shop-navigation.tpl"} {block name='frontend\_index\_search'} {/block}` vollkommen ausreicht um NUR das Suchfeld zu deaktivieren. Auch die Updatesicherheit ist da nicht gewährleistet. (oder hab ich’s nicht gesehen?) @mchendi Damit gibt’s schlicht und einfach das Suchfeld im Head-Bereich nicht mehr, und das war so gewünscht. Die Suche komplett zu deaktivieren wird nicht gehen, da (vermutlich) diese auch im Backend verwendet wird.

---

<div class="post-metadata">

**Author:** ![mchendi](https://avatars.discourse-cdn.com/v4/letter/m/df788c/32.png) [@mchendi](https://forum.shopware.com/u/mchendi)\
**Post date:** [23. Oktober 2015 um 12:46 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/6 "2015-10-23T12:46:07Z")

</div>

Ich wollte darauf aufmerksam machen, dass man die Funktion nicht deaktivieren kann sondern nur ausblenden. 🙂

---

<div class="post-metadata">

**Author:** ![handssw5](https://avatars.discourse-cdn.com/v4/letter/h/90db22/32.png) [@handssw5](https://forum.shopware.com/u/handssw5)\
**Post date:** [23. Oktober 2015 um 12:55 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/7 "2015-10-23T12:55:16Z")

</div>

[quote=„Neoxx“]Einfache Erklärung für SW5: im Template: /themes/Frontend/deinTemplate/frontend/index/shop-navigation.tpl [/quote=„Neoxx“] Tut mir leid, aber in SW5.1 scheint diese Ordnerstruktur anders auszusehen: /themes /themes/Frontend/ /themes/Frontend/Responsive/ /themes/Frontend/Responsive/Frontend/ /themes/Frontend/Responsive/Frontend/\_public/ /themes/Frontend/Responsive/Frontend/\_public/src/ css/ fonts/ img/ js/ less/ und in keinem gibt es den Ordner „index“ und keine shop-navigation.tpl Soweit ich es verstanden habe, bezieht sich das Responsive Template aber auf das „Bar“\_Theme - richtig? Und da finde ich eine solche Datei… Ich teste das jetzt mal so. Berichte gleich. Also Hostinger Beschreibung war erfolgreich…

---

<div class="post-metadata">

**Author:** ![Neox](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@Neox](https://forum.shopware.com/u/Neox)\
**Post date:** [23. Oktober 2015 um 13:01 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/8 "2015-10-23T13:01:41Z")

</div>

Vorsicht 😃 Bitte ein eigenes Theme über den Theme-Manager anlegen. Ableitend vom Responsive. Dann die shop-navigation.tpl erstellen mit dem Inhalt von mir. Wenn du den Inhalt im Bare-Theme einbindest ist alles aus der Shop-Navigation weg. Gruß

---

<div class="post-metadata">

**Author:** ![handssw5](https://avatars.discourse-cdn.com/v4/letter/h/90db22/32.png) [@handssw5](https://forum.shopware.com/u/handssw5)\
**Post date:** [23. Oktober 2015 um 15:02 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/9 "2015-10-23T15:02:35Z")

</div>

@neoxx Ja, so war es dann auch 🙂

---

<div class="post-metadata">

**Author:** ![sellfirst](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@sellfirst](https://forum.shopware.com/u/sellfirst)\
**Post date:** [8. November 2015 um 23:54 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/10 "2015-11-08T23:54:40Z")

</div>

In beiden Fällen, rutschen die drei Buttons nach links. Kann man das mit einem simplen „right“ an der richtigen stelle beeinflussen?

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [9. November 2015 um 08:09 UTC](https://forum.shopware.com/t/suche-suchfeld-im-header-entfernen/31616/11 "2015-11-09T08:09:03Z")

</div>

[quote=„Neoxx“]Einfache Erklärung für SW5: über CSS: ` main-search--field{ display: none; } `[/quote] [quote=„sellfirst“]In beiden Fällen, rutschen die drei Buttons nach links. Kann man das mit einem simplen „right“ an der richtigen stelle beeinflussen?[/quote] Hallo, ich würde statt der CSS-Zeile oben eher diese hier verwenden: ` .navigation--entry.entry--search { visibility: hidden; }` Damit blendet es das Suchformular aus und reserviert weiterhin den vorgesehenen Platz - somit „verrutscht“ auch nichts mehr. Das blendet natürlich nur das Suchformular aus - deaktivieren tut es das nicht. Da könnte man dann eher die Block-Lösung nutzen und dort nur das input-Feld entfernen. Für die Smartphone-Ansicht müsste man in seiner eigenen LESS-Datei dagegen folgendes eintragen: ` @media screen and(max-width: @phoneLandscapeViewportWidth) { .navigation--entry.entry--search { display: none; } }` Damit dort dann der Platz nicht reserviert sondern komplett ausgeblendet wird (dort wäre er ja eher störend). Beste Grüße Sebastian
