# News - Ticker

Das News-Ticker Element ermöglicht es dir, entweder individuell definierten Text oder Produkte in einem kompakten, **horizontal scrollenden Slider** anzuzeigen. Es eignet sich perfekt, um wichtige Nachrichten, Angebote oder Produktempfehlungen kontinuierlich und platzsparend im Blickfeld des Nutzers zu halten.

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2Fr6v15nt8pbcQtrvnVc6c%2FBildschirmfoto%202024-10-20%20um%2018.41.22.png?alt=media&#x26;token=912f7874-4920-485c-a120-a999a2ab115e" alt=""><figcaption></figcaption></figure>

### Allgemeine - Konfiguration

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FjunYcN739QZj1nAl0ki5%2FBildschirmfoto%202024-10-20%20um%2018.43.43.png?alt=media&#x26;token=f84ffc62-23f6-4ab4-b2fc-37c9c6decbee" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="255">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Typ der Darstellung (1)</td><td>Du kannst entweder einen eigenen Text, oder Produkte zuweisen.</td></tr><tr><td>Titel (2)</td><td>Titel des News-Ticker Sliders</td></tr><tr><td>Inhalt (3)</td><td>Dieser Inhalt wird im Slider rotieren</td></tr><tr><td>Verlinkung (4)</td><td><a data-mention href="../konfigurationsbausteine/verlinkung">verlinkung</a></td></tr></tbody></table>

### Erweiterte - Konfiguration

<figure><img src="https://3915424864-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnbkIIyayUD6QJmp1xMoG%2Fuploads%2FKwH2s5smTeYWmQy86tWV%2FBildschirmfoto%202024-10-20%20um%2018.46.24.png?alt=media&#x26;token=9673d153-3931-4f7f-8d54-d73fbd24661e" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="255">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Animationsdauer (1)</td><td>Hier kannst du bestimmen, wie lange es dauert, bis der Inhalt <strong>einmal</strong> durch die Schleife gelaufen ist.</td></tr><tr><td>Rahmen (2)</td><td>Grenze das Element mit einem Rahmen von anderen Inhalten ab</td></tr><tr><td>Stop bei Hover (3)</td><td>Wenn mit der Maus über den Slider gehovert wird, stoppt die Animation</td></tr></tbody></table>