> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/navigation/suche-banner.md).

# 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="/files/cY9EJnQvs6eg365u8vwY" alt=""><figcaption></figcaption></figure>

### Allgemeine - Einstellungen

<figure><img src="/files/WZbzmqnG1veALwKWHu43" 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="/files/sCrIvuZeKzxv7zO4VKer" 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="/pages/75bmoK2J0tnetiLDtwox">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="/files/RCXjnmqomiLXKhTQFjqI" 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="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/elemente/konfigurationsbausteine/seo.md)
{% endcontent-ref %}