# ThemeWare® bearbeiten

In diesem Artikel erfährst du, wie du ThemeWare® bearbeitest, also wie du ThemeWare® konfigurierst.

Themes bzw. ThemeWare® kannst über die **Theme-Verwaltung** bearbeiten. Es gibt zwei Wege dorthin:

1. Der erste Weg ist, dass du auf "**Inhalte**" und dann auf "**Themes**" klickst. (**Hinweis**: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.)\
   Dann siehst du alle installierten Themes. Dort klickst du das jeweilige Theme bzw. ThemeWare® einfach an und gelangst so in die Theme-Konfiguration und kannst das Theme bearbeiten.
2. Der andere Weg ist, dass du deinen **Verkaufskanal** wählst. Dann klickst du auf den Reiter "**Theme**" und dort klickst du auf "**Theme bearbeiten**". Damit landest du direkt in der Theme-Konfiguration und kannst das Theme bearbeiten.

## Beispiel

> **Beispiel**: Das Erste was einem in der Storefront auffällt ist die **USP-Bar**. In diesem Beispiel bearbeiten wir nun einmal die Hintergrundfarbe der USP-Bar.

Öffne die Administration deines Shops

1. Wechsel über die Hauptnavigation in die "**Theme-Verwaltung**" (1) (2) ("Inhalte" => "Themes")
   * **Hinweis**: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
2. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
3. Die USP-Bar ist eine Erweiterung, daher wechseln wir in den Tab "**Erweiterungen**" (3)
4. Scrolle ein Stück nach unten und öffne den Bereich "**USP-Bar**" (4)
5. Scrolle noch ein Stück nach unten zum Abschnitt "**Farbkonfiguration**"
6. Mit einem Klick auf den Button links neben dem Eingabefeld "**Hintergrundfarbe (Header)**" (5) öffnet sich die "Farbauswahl" (6)
7. Wir wählen die Farbe `#e2f4fd`
8. Speicher die Theme-Konfiguration (7)
9. Wechsel in die Storefront und lade die Seite einmal neu

Du hast nun die Hintergrundfarbe der USP-Bar geändert.

{% hint style="success" %}
**Tipp**: Wenn Sie mal eine Änderung in der Storefront auswirkt, aktualisiere die Storefront bitte einmal mit der folgenden Anleitung: [storefront-aktualisieren](https://wiki.themeware.design/wissensdatenbank/anleitungen/sonstiges/storefront-aktualisieren "mention")
{% endhint %}

{% hint style="info" %}
**Hinweis**: Für mehr Informationen zur USP-Bar gibt es später noch ein separaten Artikel.
{% endhint %}

#### Screenshots

![](https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FdzoFQLryGcTE0tIkDXnt%2Fimage.png?alt=media\&token=c3201525-0294-4a5a-bf34-ce7cb53998d3)

**Nachher**

![Beispiel](https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2Fz8Xi92sheytJPvulkh9S%2Fimage.png?alt=media\&token=c3c77cff-9c4f-40af-b994-7b21e79c91c9)

***

## Weiterführende Informationen

Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:  [themeware-bearbeiten](https://wiki.themeware.design/wissensdatenbank/anleitungen/administration/themeware-bearbeiten "mention")

#### ThemeWare® Video-Tutorial

{% embed url="<https://service.themeware.design/themeware-tutorial>" %}
ThemeWare® Video-Tutorial
{% endembed %}