# Search - Banner

The search banner element in the CMS bundle combines the Shopware search with a call-to-action banner. This element allows you to prominently place the search function on any page and actively encourage your customers to search for products or content.

The search banner element provides a visually appealing way to highlight the search functionality and enhance the interactivity of your website.

<figure><img src="/files/bX4nyPPoqaDWottrk9wQ" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="/files/4UAO0KQNZmseeyhvPZ1E" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="243">Function</th><th>Description</th></tr></thead><tbody><tr><td>Activate Search Bar (1)</td><td>If disabled, the banner can also be used as a regular call-to-action banner.</td></tr><tr><td>Activate Label (2)</td><td>Here you can choose whether text should appear in the banner.</td></tr><tr><td>Placeholder Text (3)</td><td>Text that is set as a placeholder in the search text field.</td></tr><tr><td>Button Type (4)</td><td>Either the search icon or text, such as "Search."</td></tr><tr><td>Heading (5)</td><td>The large text on the banner.</td></tr><tr><td>Introductory Text (6)</td><td>The small text/teaser on the banner.</td></tr></tbody></table>

### Background Settings

<figure><img src="/files/l0TSJjzVII2B90BHl77a" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="279">Function</th><th>Description</th></tr></thead><tbody><tr><td>Background Behavior (1)</td><td>Similar behavior to <a href="/pages/75bmoK2J0tnetiLDtwox">fixed background images of the section</a>.</td></tr><tr><td>Background Repeat (2)</td><td>Useful if you want to set a repeating pattern in the background.</td></tr><tr><td>Background Cover (3)</td><td><strong>Cover</strong> or <strong>contain</strong>.</td></tr><tr><td>Background Position (4)</td><td>Here you determine which section of the image is displayed in the designated area.</td></tr></tbody></table>

### Layout Settings

<figure><img src="/files/X1MP5ekbrsGtQbAdpMxl" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="245">Function</th><th>Description</th></tr></thead><tbody><tr><td>Text Alignment (1)</td><td>The general text alignment applies to both the heading and the teaser.</td></tr><tr><td>Element Height (2)</td><td>A fixed height of the element along with the background.</td></tr><tr><td>Text Color (3)</td><td>The color applies to both the heading and the teaser.</td></tr><tr><td>Text Shadow (4)</td><td>To make the text visually clearer and thus stand out from the background, a shadow can be activated.</td></tr></tbody></table>

### SEO Settings

{% content-ref url="/pages/LHlzFdFr8hVLrftTJKPh" %}
[SEO](/cms-bundle/en/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/en/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.