> 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/inhalt-content/news-ticker.md).

# News - Ticker

Compact information or products in an automatic slider

The News-Ticker element allows you to display either custom-defined text or products in a compact, **horizontally scrolling slider**. It is perfect for continuously showcasing important news, offers, or product recommendations in a space-saving manner that remains in the user's field of view.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FYyUO6gLCbxeFb9lecM5V%2FBildschirmfoto%202024-10-20%20um%2018.41.22.png?alt=media&amp;token=058fd3e4-993b-46ad-b37c-ce1a0e0317c9" alt=""><figcaption></figcaption></figure>

### General Configuration

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2F7DuSSMrpOqefAWKryUj2%2FBildschirmfoto%202024-10-20%20um%2018.43.43.png?alt=media&amp;token=b307e947-c11c-4b26-8bdd-7114b86dd6c7" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="255">Function</th><th>Description</th></tr></thead><tbody><tr><td>Display Type (1)</td><td>You can assign either custom text or products.</td></tr><tr><td>Title (2)</td><td>Title of the News-Ticker slider</td></tr><tr><td>Content (3)</td><td>This content will rotate in the slider</td></tr><tr><td>Linking (4)</td><td><a data-mention href="/cms-bundle/en/elemente/konfigurationsbausteine/verlinkung.md">Linking</a></td></tr></tbody></table>

### Advanced Configuration

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2FhMYPQJlOM8EZGicdoHmk%2FBildschirmfoto%202024-10-20%20um%2018.46.24.png?alt=media&amp;token=89e05bda-c7cd-4251-9a3a-671e9dcd2d9f" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="255">Function</th><th>Description</th></tr></thead><tbody><tr><td>Animation Duration (1)</td><td>Here you can set how long it takes for the content to loop through <strong>once</strong>.</td></tr><tr><td>Border (2)</td><td>Separate the element from other content with a border.</td></tr><tr><td>Stop on Hover (3)</td><td>The animation stops when the mouse hovers over the slider.</td></tr></tbody></table>