> 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/en/elemente/navigation/suche-banner.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.