# 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](/wissensdatenbank/anleitungen/sonstiges/storefront-aktualisieren.md)
{% endhint %}

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

#### Screenshots

![](/files/6VepTuR4xQOoza1CXlYj)

**Nachher**

![Beispiel](/files/sBiOwuSZPJtB2Kf2Ce5K)

***

## Weiterführende Informationen

Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:  [ThemeWare® bearbeiten](/wissensdatenbank/anleitungen/administration/themeware-bearbeiten.md)

#### ThemeWare® Video-Tutorial

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.themeware.design/wissensdatenbank/einfuehrung/themeware-bearbeiten.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.