# Suchfeld im Header unter Topnavigation anzeigen

**URL:** https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790
**Category:** Themes & Design
**Created:** [16. September 2019 um 11:22 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790 "2019-09-16T11:22:46Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Siggit](https://avatars.discourse-cdn.com/v4/letter/s/9fc29f/32.png) [@Siggit](https://forum.shopware.com/u/Siggit)
#### Post date: [16. September 2019 um 11:22 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/1 "2019-09-16T11:22:46Z")

</div>

Hallo,

Versuche gerade das Such Formular im Header unter die Navigation zu bekommen.

Ich möchte das Suchfeld so platzieren, daß es linksbündig unter den Shopkategorien angezeigt wird.

 ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/e/efa08a42360adfb226ddcbd19ecc8faf4806a89a.jpeg)

wie kann ich das lösen, evtl auch mit less.

Danke

---

<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: [16. September 2019 um 17:08 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/2 "2019-09-16T17:08:16Z")

</div>

Hallo,

was hast du denn bisher probiert bzw. wie sieht denn dein bisheriger Code aus?

Oder suchst du hier nur jemanden, der dir das kostenlos zusammenbaut? Wenn ja, ist es wohl eher hier richtig aufgehoben:&nbsp;[https://forum.shopware.com/categories/job-posting](https://forum.shopware.com/categories/job-posting)&nbsp;.

Sonst ist das natürlich mit CSS / LESS und&nbsp;über Anpassungen der entsprechenden Templatedateien möglich. Es kann aber passieren, das beim Verschieben dann die Funktionalität nicht mehr korrekt funktioniert (auch speziell in den mobilen Ansichten).

Grüße

Sebastian

---

<div class="post-metadata">

### Author: ![Siggit](https://avatars.discourse-cdn.com/v4/letter/s/9fc29f/32.png) [@Siggit](https://forum.shopware.com/u/Siggit)
#### Post date: [16. September 2019 um 21:06 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/3 "2019-09-16T21:06:00Z")

</div>

Hallo,

ich suche niemanden der mir das kostenlos zusammenbaut, ich weiß nur nicht in welcher tpl Datei ich ansetzen muss.

mir würde es auch reichen wenn ich das Suchfeld rechts unter dem Warenkorb anzeigen lassen kann. Ich brauche nur einen Tipp.

Den Rest bekomme ich dann schon selber hin.

Danke

---

<div class="post-metadata">

### Author: ![hds](https://avatars.discourse-cdn.com/v4/letter/h/bb73d2/32.png) [@hds](https://forum.shopware.com/u/hds)
#### Post date: [16. September 2019 um 21:37 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/4 "2019-09-16T21:37:23Z")

</div>

Hallo&nbsp;

schau dir das mal an&nbsp;[https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/)&nbsp;hier wirst du fündig werden, das was du vor hast, benötigt ein paar Änderungen

Bare/frontend/index/index.tpl und&nbsp;Bare/frontend/index/shop-navigation.tpl musst du&nbsp;dafür bearbeiten natürlich alles im eigenem Theme ableiten. Das was @sschreier‍ geschrieben hat solltest du aber beachten.

Ich verstehe auch nicht warum du die Suche dahin platzieren willst, schau doch mal unter&nbsp;[https://store.shopware.com/themes-templates/?p=1](https://store.shopware.com/themes-templates/?p=1)&nbsp;vielleicht findest&nbsp;du&nbsp;hier etwas passendes.

Viel Spaß

&nbsp;

&nbsp;

---

<div class="post-metadata">

### Author: ![Siggit](https://avatars.discourse-cdn.com/v4/letter/s/9fc29f/32.png) [@Siggit](https://forum.shopware.com/u/Siggit)
#### Post date: [17. September 2019 um 09:33 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/5 "2019-09-17T09:33:45Z")

</div>

Hallo hds,

ich möchte die Suche deswegen nicht an dieser Stelle haben, weil ich dort ein Bild (evtl auch einen Slider) mit dem Logo darstellen möchte und mit dem Suchfeld daneben wird es einfach zu klein.

Sonst würde ich es nicht ändern wollen.

Danke.

---

<div class="post-metadata">

### Author: ![Siggit](https://avatars.discourse-cdn.com/v4/letter/s/9fc29f/32.png) [@Siggit](https://forum.shopware.com/u/Siggit)
#### Post date: [17. September 2019 um 10:42 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/6 "2019-09-17T10:42:43Z")

</div>

Hallo hds,

du sagst ich soll die tpl Dateien von eigenen Theme ableiten. wenn ich nun die beiden angesprochen tpl Dateien in

Mein-Theme/frontend/index/shop-navigation.tpl und Mein-Theme /frontend/index/index.tpl kopiere

wie bekomme ich Shopware dazu diese Dateien von dort zu laden?

Das Bare Theme wird ja mit dem Update überschrieben.

Danke

---

<div class="post-metadata">

### Author: ![AlexG](https://avatars.discourse-cdn.com/v4/letter/a/ecc23a/32.png) [@AlexG](https://forum.shopware.com/u/AlexG)
#### Post date: [17. September 2019 um 16:05 UTC](https://forum.shopware.com/t/suchfeld-im-header-unter-topnavigation-anzeigen/61790/7 "2019-09-17T16:05:04Z")

</div>

Via **extends** kannst du ein template in deinem Theme ableiten. Mithilfe von **capture** kannst du existierenden code zwischenspeichern und an anderer Stelle wiederverwenden.

So kannst du beispielsweise den Block der Suche unter die main-navigation „verschieben“:

```
{extends file="parent:frontend/index/index.tpl"}

{block name='frontend_index_search'}
    {capture name='index_search'}
        {$smarty.block.parent}
    {/capture}
{/block}

{block name='frontend_index_navigation_categories'}
    {$smarty.block.parent}

    
        {$smarty.capture.index_search}
    
{/block}

```

Versuch den code selbstständig zu verstehen, dann solltest du schnell auf deine gewünschte Lösung kommen!
