> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/zusatzfunktionen/erweiterungen/ankuendigungsbanner.md).

# Ankündigungsbanner

Der Ankündigungsbanner ist eine Statusleiste oberhalb des Headers. Hier können Statusmeldungen angezeigt werden.

Der Banner eignet sich beispielsweise für die Promotion von Aktionen. Auch über geänderte Versandzeiten durch Urlaub oder Abwesenheit kann an dieser Stelle informiert werden.

<figure><img src="/files/JFHFwEF72OiN41JJXweB" alt=""><figcaption><p>ThemeWare® "Ankündigungsbanner"</p></figcaption></figure>

{% hint style="info" %}
**Hinweis**: Der Ankündigungsbanner wird oberhalb des Headers angezeigt, wenn die Konfiguration "Ankündigungsbanner anzeigen" aktiviert ist. Hast du ein Start- und/oder Enddatum hinterlegt, erscheint er nur innerhalb dieses Zeitraums.
{% endhint %}

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Erweiterungen**"
2. Öffne den Bereich "**Ankündigungsbanner (im Header)**"
3. Aktiviere den Banner mit der Konfiguration "**Ankündigungsbanner anzeigen**"
4. Speicher deine Änderungen nach der Bearbeitung

### **Inhalt**

* Passe den Text des Ankündigungsbanners über den Textbaustein `twt.extension.announcementBanner.content` an
* Optional: Passe die Link-URL über den Textbaustein `twt.extension.announcementBanner.link` an (wird nur genutzt, wenn die Konfiguration "Banner verlinken" aktiviert ist)

{% hint style="info" %}
**Hinweis**: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: [Texte bearbeiten und übersetzen](https://wiki.themeware.design/wissensdatenbank/anleitungen/texte-bearbeiten-und-uebersetzen)
{% endhint %}

{% hint style="success" %}
**Tipp**: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: [Shopware Cache leeren / aufwärmen](https://wiki.themeware.design/wissensdatenbank/anleitungen/sonstiges/shopware-cache-leeren)
{% endhint %}

***

## Optionen

* **Lässt sich schließen**
  * Blendet einen Schließen-Button ein, mit dem Besucher den Banner ausblenden können (Details siehe unten).
* **Startdatum** / **Enddatum**
  * Schränkt die Anzeige des Banners auf einen Zeitraum ein.
* **Banner verlinken**
  * Macht den gesamten Banner anklickbar; die Ziel-URL hinterlegst du über den Textbaustein `twt.extension.announcementBanner.link`.
* **Link in neuem Tab öffnen**
  * Öffnet den verlinkten Banner in einem neuen Browser-Tab.
* **Link-Relation "nofollow"**
  * Versieht den Banner-Link mit dem Attribut `rel="nofollow"`.

#### Ankündigungsbanner schließen

Mit der Konfiguration "Lässt sich schließen" erhält der Banner einen Schließen-Button. Dadurch kann der Besucher den Banner für einen Tag lang ausblenden.

Dies wird über einen "Local Storage"-Cookie gespeichert. Dazu wird ein Eintrag im Cookie-Consent von Shopware hinzugefügt. Wird dieser "Komfortfunktion" nicht zugestimmt, wird der Schließen-Button auch nicht angezeigt.

**Hinweis**: Bitte beachte hierbei, dass Shopware – derzeit – diesen Eintrag für jedes installierte Theme ergänzt! Diese Option ist daher nicht geeignet falls du mehr als ein ThemeWare® Theme im Einsatz hast.

***

## Zusammenfassung

#### Theme-Konfiguration

* Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Ankündigungsbanner anzeigen
* Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration" => Lässt sich schließen / Startdatum / Enddatum / Banner verlinken / Link in neuem Tab öffnen / Link-Relation "nofollow"

#### Textbausteine

* **Text**
  * `twt.extension.announcementBanner.content`
* **Link**
  * `twt.extension.announcementBanner.link`
* **Aria-Label**
  * `twt.extension.announcementBanner.ariaLabel`
  * `twt.extension.announcementBanner.closeButton.ariaLabel`