# Suche - Banner

Das Suche-Banner Element im CMS Bundle kombiniert die Shopware-Suche mit einem Call-to-Action-Banner. Dieses Element erlaubt es dir, die Suchfunktion prominent auf einer beliebigen Seite zu platzieren und deine Kunden aktiv dazu zu ermutigen, nach Produkten oder Inhalten zu suchen. 

Das Suche-Banner Element bietet eine visuell ansprechende Möglichkeit, die Suche in den Fokus zu rücken und die Interaktivität deiner Webseite zu steigern.

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FH76vInLGfAkFLKpSrZRU%2FBildschirmfoto%202024-10-05%20um%2021.20.35.png?alt=media&#x26;token=7bf118eb-3190-49f8-b7f8-8597ac045824" alt=""><figcaption></figcaption></figure>

### Allgemeine - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FUoFEb4nfbKcZ05nF7TJ0%2FBildschirmfoto%202024-10-05%20um%2021.23.17.png?alt=media&#x26;token=1cbebece-42bf-4d60-8973-2c4f08c375dd" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="243">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Suchleiste aktivieren (1)</td><td>Wenn deaktiviert, kann der Banner auch als regulärer Call-To-Action Banner verwendet werden.</td></tr><tr><td>Beschriftung aktivieren (2)</td><td>Hier kannst du wählen, ob Text im Banner erscheinen soll.</td></tr><tr><td>Platzhalter Text (3)</td><td>Text, der im Textfeld der Suche als Platzhalter gesetzt ist.</td></tr><tr><td>Button Typ (4)</td><td>Entweder das Suche - Icon, oder ein Text, wie bspw. "Suchen"</td></tr><tr><td>Überschrift (5) </td><td>Der große Text auf dem Banner</td></tr><tr><td>Einleitungstext (6)</td><td>Der kleine Text / Teaser auf dem Banner</td></tr></tbody></table>

### Hintergrund - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F170i6ynbrveYNcLSi6Io%2FBildschirmfoto%202024-10-05%20um%2021.27.49.png?alt=media&#x26;token=6eb2e6c6-5205-449a-9fbe-f813256493d9" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="279">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Hintergrund Verhalten (1)</td><td>Ähnliches Verhalten wie bei <a href="../../sektionen-und-blocke/sektionen/hintergrundbild-fixieren">fixierten Hintergrundbildern der Sektion</a></td></tr><tr><td>Hintergrund wiederholen (2)</td><td>Sinnvoll, wenn du ein wiederholendes Muster in den Hintergrund setzen möchtest.</td></tr><tr><td>Hintergrund Abdeckung (3)</td><td><strong>Cover</strong>, oder <strong>beinhalten</strong></td></tr><tr><td>Hintergrund Position (4)</td><td>Hier bestimmst du, welcher Bildausschnitt im dafür vorgesehenen Bereich dargestellt wird.</td></tr></tbody></table>

### Layout - Einstellungen

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2F3mSNV2zpUTbrUCForw7m%2FBildschirmfoto%202024-10-05%20um%2021.32.15.png?alt=media&#x26;token=2e583c7d-273e-4d94-bbf5-e11736e9f33b" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="245">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Textausrichtung (1)</td><td>Die generelle Textausrichtung bezieht sich auf Überschrift und Teaser zugleich.</td></tr><tr><td>Höhe des Elements (2)</td><td>Eine feste Höhe des Elements samt Hintergrund.</td></tr><tr><td>Text - Farbe (3)</td><td>Die Farbe bezieht sich auch auf Überschrift und Teaser zugleich.</td></tr><tr><td>Text - Schatten (4)</td><td>Um den Text optisch deutlicher lesbar und somit vom Hintergrund abzuheben, kann eine Schattierung aktiviert werden.</td></tr></tbody></table>

### SEO - Einstellungen

{% content-ref url="../konfigurationsbausteine/seo" %}
[seo](https://docs.rh-webdesign.com/cms-bundle/elemente/konfigurationsbausteine/seo)
{% endcontent-ref %}