# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/navigation/suche-banner.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.