# Floating-Widget

Mit ThemeWare® kannst du das "Floating-Wideget" unserer Shopware 5 Themes auch in deinem Shopware 6 Shop nutzen um beispielsweise Kontaktinformationen präsent darzustellen.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FQNUWH0mf4qF37YGSq5NA%2Fextensions--floating-widget.png?alt=media&#x26;token=5407f001-f449-43b4-90a5-89e5d9601653" alt=""><figcaption><p>ThemeWare® "Floating-Widget"</p></figcaption></figure>

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Erweiterungen**"
2. Öffne den Bereich "**Floating-Widget**"
3. Aktiviere das "Floating-Widget"mit der Konfiguration "**Floating-Widget anzeigen**"
4. Konfiguriere das "Floating-Widget" nun nach belieben
5. Speicher deine Änderungen nach der Bearbeitung

### **Inhalt**

* Passe den Text des Ankündigungsbanner über die folgenden Textbausteine an:
  * `twt.extension.floatingWidget.title`
  * `twt.extension.floatingWidget.body`
* Optional: Passe die URL ggf. über den folgenden Textbaustein an:&#x20;
  * `twt.extension.floatingWidget.link`

{% 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 %}

***

## Zusammenfassung

#### **Theme-Konfiguration**

* Tab "Erweiterungen" => Bereich "Floating-Widget"

#### Textbausteine

* **Titel**
  * `twt.extension.floatingWidget.title`
* **Text**
  * `twt.extension.floatingWidget.body`
* **Link**
  * `twt.extension.floatingWidget.link`
* **Aria-Label** (Widget)
  * `twt.extension.floatingWidget.ariaLabel` (verfügbar ab v3.7 bzw. v4.0)
* **Aria-Label** (Button)
  * `twt.extension.floatingWidget.closeAriaLabel` (verfügbar ab v3.7 bzw. v4.0)
  * `twt.extension.floatingWidget.openAriaLabel` (verfügbar ab v3.7 bzw. v4.0)
* **Aria-Label** (Link)
  * `twt.extension.floatingWidget.linkAriaLabel` (verfügbar ab v3.7 bzw. v4.0)