> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/theme-manager/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/theme-manager/erste-schritte/einstellungen-bedienen.md).

# Einstellungen bedienen

So bedienst du jede Einstellung des Theme - Managers – Suche, Verkaufskanal, Speichern, Cache und Kompilieren.

Alle Einstellungen im Theme - Manager sind gleich aufgebaut. Hast du eine verstanden, kennst du alle: Oben steht eine Kopfzeile mit Suche, Dokumentation, Support, der Auswahl des Verkaufskanals und den Schaltflächen zum Speichern, darunter folgen die Felder der Einstellung. Diese Seite erklärt die Bedienelemente, die du überall wiederfindest – und wie deine Änderungen im Shop ankommen.

Du öffnest eine Einstellung in der Administration unter **Inhalte › Theme - Einstellungen** mit einem Klick in der Seitenleiste.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-02fd0e23b428795ba2d7ebf8637e515142b8c46e%2Feinstellungen-bedienen-aufbau.webp?alt=media" alt="Aufbau einer Einstellung am Beispiel Footer"><figcaption><p>Der Aufbau einer Einstellung – hier der Tab „Unter dem Footer“ der Einstellung „Footer“.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Kopfzeile (1)</td><td>Der Name der Einstellung und alle Werkzeuge – siehe <strong>Die Kopfzeile</strong>.</td></tr><tr><td>Tabs (2)</td><td>Umfangreiche Einstellungen sind auf mehrere Tabs verteilt. Ein Klick wechselt den Tab. Änderungen auf anderen Tabs bleiben dabei erhalten, bis du speicherst.</td></tr><tr><td>Bezeichnung und Hilfetext (3)</td><td>Links steht, was du einstellst, darunter in grauer Schrift eine kurze Erklärung.</td></tr><tr><td>Eingabe (4)</td><td>Rechts legst du den Wert fest – je nach Einstellung über eine Auswahl, einen Schalter, ein Textfeld oder einen eigenen Editor.</td></tr></tbody></table>

{% hint style="success" %}
Die Einstellungen des Theme - Managers musst du nicht kompilieren: Ein Klick auf **Speichern** genügt. Muss doch einmal kompiliert werden – etwa bei eigenem SCSS-Code oder bei Theme-Farben und Schriften unter **Theme bearbeiten** –, sagt es der Artikel der Einstellung ausdrücklich.
{% endhint %}

## Die Kopfzeile

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-b26153c41d182d693544c17ffd450b822f5df7ab%2Feinstellungen-bedienen-kopfzeile.webp?alt=media" alt="Die Kopfzeile einer Einstellung"><figcaption><p>Die Werkzeuge in der Kopfzeile.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Suche (1)</td><td>Blendet ein Suchfeld ein, mit dem du zu einer anderen Einstellung springst – siehe <strong>Einstellungen suchen</strong>.</td></tr><tr><td>Dokumentation (2)</td><td>Öffnet die Dokumentation zu dieser Einstellung in einem neuen Browser-Tab.</td></tr><tr><td>Support (3)</td><td>Öffnet die Support-Seite, über die du den Entwickler erreichst.</td></tr><tr><td>Verkaufskanal (4)</td><td>Legt fest, für welchen Verkaufskanal du die Einstellung bearbeitest. Voreingestellt ist <strong>Alle Verkaufskanäle</strong> – siehe <strong>Einstellungen je Verkaufskanal</strong>.</td></tr><tr><td>Cache löschen (5)</td><td>Leert den Zwischenspeicher deines Shops, damit du deine Änderungen sofort im Shop siehst – siehe <strong>Änderungen sofort im Shop sehen</strong>.</td></tr><tr><td>Storefront kompilieren (6)</td><td>Baut die Gestaltung und die Skripte der Themes aller Verkaufskanäle neu auf – siehe <strong>Storefront kompilieren</strong>.</td></tr><tr><td>Speichern (7)</td><td>Speichert deine Änderungen. Erst danach wirken sie im Shop. In der Einstellung <strong>SCSS / JavaScript</strong> heißt die Schaltfläche <strong>Speichern &#x26; kompilieren</strong>.</td></tr></tbody></table>

{% hint style="info" %}
Bei Premium-Einstellungen, die du noch nicht freigeschaltet hast, zeigt die Kopfzeile nur Suche, Dokumentation und Support. Die Einstellung selbst kannst du ansehen, aber erst nach der Freischaltung bearbeiten – siehe **Premium-Funktionen**.
{% endhint %}

{% content-ref url="/pages/zLMaGnq9eoAGg2XWipgc" %}
[Premium-Funktionen](/theme-manager/premium.md)
{% endcontent-ref %}

## Einstellungen suchen

1. Klicke in der Kopfzeile auf die Lupe (1). Unter der Kopfzeile erscheint ein Suchfeld (2).
2. Tippe einen Teil des Namens ein, zum Beispiel „pro“.
3. Unter dem Feld erscheinen alle passenden Einstellungen (3). Ein Klick öffnet die gewünschte Einstellung.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-ee584b8214b988bb271249e9240dda58f4e29dc6%2Feinstellungen-bedienen-suche.webp?alt=media" alt="Suche nach Einstellungen"><figcaption><p>Die Suche findet alle Einstellungen, deren Name „pro“ enthält.</p></figcaption></figure>

Die Suche findet Einstellungen über ihren Namen, so wie er in der Seitenleiste steht – nicht über einzelne Felder. Ein weiterer Klick auf die Lupe blendet das Suchfeld wieder aus.

Auch die Suche oben in der Administration von Shopware findet die Einstellungen des Theme - Managers.

{% content-ref url="/pages/URaDgZaWLQDytwumpvWg" %}
[Globale Suche](/theme-manager/administration/globale-suche.md)
{% endcontent-ref %}

## Einstellungen je Verkaufskanal

Betreibst du mehrere Verkaufskanäle, kannst du die meisten Einstellungen für jeden Verkaufskanal anders festlegen – etwa einen anderen Footer für deinen B2B-Shop. Dafür wählst du in der Kopfzeile, für welchen Verkaufskanal du die Einstellung bearbeitest.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-fc2bfb3de37d1a4f8f5b236623d33657767d4d4d%2Feinstellungen-bedienen-kanal-auswahl.webp?alt=media" alt="Auswahl des Verkaufskanals" width="300"><figcaption><p>Die Auswahl des Verkaufskanals in der Kopfzeile.</p></figcaption></figure>

<table><thead><tr><th width="287">Auswahl</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Alle Verkaufskanäle (1)</td><td>Die Voreinstellung. Was du hier speicherst, gilt für jeden Verkaufskanal – außer für Felder, denen du in einem Verkaufskanal einen eigenen Wert gegeben hast.</td></tr><tr><td>Ein einzelner Verkaufskanal (2)</td><td>Was du hier speicherst, gilt nur für diesen Verkaufskanal. Jedes Feld übernimmt zunächst den Wert von <strong>Alle Verkaufskanäle</strong>. Einen eigenen Wert bekommt nur ein Feld, dessen Vererbung du aufhebst.</td></tr></tbody></table>

Die gewählte Auswahl bleibt bestehen, wenn du in der Seitenleiste zu einer anderen Einstellung wechselst.

{% hint style="warning" %}
Speichere deine Änderungen, bevor du den Verkaufskanal oder die Einstellung wechselst. Ungespeicherte Änderungen gehen dabei ohne Rückfrage verloren.
{% endhint %}

### Vererbte Werte erkennen

Wählst du einen einzelnen Verkaufskanal, zeigt jedes Feld ein Ketten-Symbol: Es übernimmt den Wert von **Alle Verkaufskanäle**. Solange die Kette geschlossen ist, ist das Feld ausgegraut und gesperrt.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-6113a8ca546f2f6e35cb12f7694d77797233dcfb%2Feinstellungen-bedienen-kanal-vererbt.webp?alt=media" alt="Vererbte Felder eines Verkaufskanals"><figcaption><p>Für den Verkaufskanal „Storefront“ übernehmen alle Felder die Werte von „Alle Verkaufskanäle“.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Verkaufskanal (1)</td><td>Der Verkaufskanal, den du gerade bearbeitest.</td></tr><tr><td>Geschlossene Kette (2)</td><td>Das Feld übernimmt den Wert von <strong>Alle Verkaufskanäle</strong>. Ein Klick darauf (<strong>Vererbung entfernen</strong>) gibt das Feld frei, damit du einen eigenen Wert für diesen Verkaufskanal festlegen kannst.</td></tr><tr><td>Ausgegrautes Feld (3)</td><td>Zeigt den Wert, der für diesen Verkaufskanal gerade gilt. Ändern kannst du ihn erst, wenn du die Vererbung aufhebst.</td></tr><tr><td>Feld ohne Kette (4)</td><td>Texte mit Globus-Symbol sind Textbausteine. Sie gelten für alle Verkaufskanäle, die dasselbe Textbaustein-Set verwenden, und haben deshalb keine Kette – siehe <strong>Texte und Übersetzungen</strong>.</td></tr></tbody></table>

### Einen eigenen Wert festlegen

1. Wähle in der Kopfzeile den Verkaufskanal.
2. Klicke beim gewünschten Feld auf die geschlossene Kette. Sie erscheint unterbrochen, und das Feld lässt sich bearbeiten.
3. Stelle den gewünschten Wert ein.
4. Klicke auf **Speichern**.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-32301dbcbd1d2f6dfa550b28aabdeed37f255f14%2Feinstellungen-bedienen-kanal-ueberschrieben.webp?alt=media" alt="Ein Feld mit eigenem Wert für den Verkaufskanal"><figcaption><p>Nur im Verkaufskanal „Storefront“ ist der Cookie-Link ausgeblendet – alle anderen Felder bleiben vererbt.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Unterbrochene Kette (1)</td><td>Das Feld hat einen eigenen Wert für diesen Verkaufskanal. Ein Klick darauf (<strong>Vererbung wiederherstellen</strong>) übernimmt wieder den Wert von <strong>Alle Verkaufskanäle</strong> – siehe <strong>Zurück zum gemeinsamen Wert</strong>.</td></tr><tr><td>Eigener Wert (2)</td><td>Gilt nur in diesem Verkaufskanal. Im Beispiel blendet <strong>Nicht anzeigen</strong> den Link zu den Cookie-Einstellungen nur in der Storefront dieses Verkaufskanals aus.</td></tr><tr><td>Weiterhin vererbt (3)</td><td>Alle Felder mit geschlossener Kette übernehmen weiterhin die Werte von <strong>Alle Verkaufskanäle</strong> – auch, wenn du sie dort später änderst.</td></tr></tbody></table>

{% hint style="info" %}
Ein Feld mit eigenem Wert behält diesen Wert, auch wenn du dasselbe Feld später unter **Alle Verkaufskanäle** änderst. Soll es wieder den gemeinsamen Wert übernehmen, stelle die Vererbung wieder her.
{% endhint %}

### Zurück zum gemeinsamen Wert

1. Wähle in der Kopfzeile den Verkaufskanal.
2. Klicke beim Feld auf die unterbrochene Kette (**Vererbung wiederherstellen**). Das Feld zeigt sofort wieder den Wert von **Alle Verkaufskanäle** und ist gesperrt.
3. Klicke auf **Speichern**. Ab jetzt gilt für dieses Feld wieder der gemeinsame Wert.

### Einstellungen ohne Verkaufskanal-Auswahl

Bei einigen Einstellungen fehlt die Auswahl in der Kopfzeile. Sie gelten entweder für den ganzen Shop, oder du legst den Verkaufskanal direkt in der Einstellung fest – zum Beispiel an einem einzelnen Eintrag. Wie das jeweils funktioniert, erklärt der Artikel der Einstellung.

<table><thead><tr><th width="287">Gruppe</th><th>Einstellungen ohne Auswahl in der Kopfzeile</th></tr></thead><tbody><tr><td>Produkte</td><td>Produkt Anhänge, Produktbadges</td></tr><tr><td>Verkaufsförderung</td><td>Zahlung &#x26; Versand</td></tr><tr><td>Erweitert</td><td>Google Fonts</td></tr><tr><td>Entwickler</td><td>SCSS / JavaScript und Twig / Templates – beide mit eigener Auswahl <strong>Alle Verkaufskanäle</strong> oder einzelner Verkaufskanal in der Einstellung –, Theme-Vererbung</td></tr><tr><td>Premium</td><td>Aufschläge, Cross-Selling Popup, Produktkonfigurator</td></tr></tbody></table>

## Speichern

Deine Änderungen übernimmst du mit **Speichern** oben rechts. Dabei gilt:

* Gespeichert wird für die Auswahl in der Kopfzeile – für **Alle Verkaufskanäle** oder für den gewählten Verkaufskanal.
* Texte, die du über das Globus-Symbol änderst, speicherst du direkt im Fenster **Textbaustein**. Die Einstellung selbst musst du dafür nicht speichern.
* Klappt das Speichern nicht, erscheint oben rechts eine Meldung mit der Ursache.

{% content-ref url="/pages/CHZUERJcEiNVotJla1pl" %}
[Texte und Übersetzungen](/theme-manager/bausteine/texte-und-uebersetzungen.md)
{% endcontent-ref %}

## Änderungen sofort im Shop sehen

Shopware liefert die Seiten deines Shops aus einem Zwischenspeicher (Cache) aus. Nach dem Speichern erneuert Shopware ihn automatisch – allerdings nicht sofort, sondern gesammelt, je nach Einrichtung deines Shops nach wenigen Minuten. Bis dahin zeigt dein Shop noch den alten Stand.

So siehst du das Ergebnis sofort:

1. Speichere deine Änderungen.
2. Klicke in der Kopfzeile auf **Cache löschen**. Oben rechts erscheinen nacheinander die Meldungen „Cache wird geleert.“ und „Cache wurde geleert.“
3. Lade die Seite in deinem Shop neu.

{% hint style="info" %}
**Cache löschen** leert den gesamten Zwischenspeicher deines Shops – genau wie die gleichnamige Schaltfläche in Shopware unter **Einstellungen › System › Caches & Indizes**. Die ersten Seitenaufrufe danach laden etwas langsamer, weil Shopware den Zwischenspeicher neu aufbaut.
{% endhint %}

### Ohne Kompilieren und ohne Cache löschen

Einige Einstellungen leeren den Zwischenspeicher beim Speichern selbst. Bei ihnen ist die Änderung sofort im Shop sichtbar:

* **Twig / Templates:** Deine Templates brauchen weder Kompilieren noch **Cache löschen**. Nach dem **Speichern** zeigt der Shop den Override sofort.
* **Theme-Vererbung:** Die neue Reihenfolge gilt direkt nach dem **Speichern**.
* **Google Fonts:** Installieren, Entfernen und die Auswahl der Verkaufskanäle wirken sofort.

{% content-ref url="/pages/PhKPFwFOsSaWMdh3YTzH" %}
[Twig / Templates](/theme-manager/funktionen/entwickler/twig-templates.md)
{% endcontent-ref %}

## Storefront kompilieren

Shopware fasst die Gestaltung (CSS) und die Skripte (JavaScript) deiner Themes zu fertigen Dateien zusammen. Diesen Vorgang nennt man Kompilieren. **Storefront kompilieren** erledigt das für die Themes aller Verkaufskanäle. Oben rechts erscheint zuerst „Kompilierung gestartet“ und nach einem Moment „Kompilierung erfolgreich“. Schlägt das Kompilieren fehl, nennt die Meldung die Ursache – zum Beispiel einen Fehler in eigenem SCSS-Code.

Für die Einstellungen des Theme - Managers brauchst du diese Schaltfläche normalerweise nicht. Kompiliere nur, wenn ein Artikel ausdrücklich darauf hinweist.

### Speichern & kompilieren bei SCSS / JavaScript

Eigener SCSS-Code wirkt erst im Shop, wenn die Storefront kompiliert ist. In der Einstellung **SCSS / JavaScript** speichert **Speichern & kompilieren** (2) deshalb deine Änderungen und kompiliert die Storefront in einem Schritt – die Schaltfläche **Storefront kompilieren** gibt es dort nicht. Solange es Änderungen gibt, die noch nicht gespeichert und kompiliert sind, zeigt die Kopfzeile den Hinweis **Unkompilierte Änderungen vorhanden** (1).

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-9272ced3aee7d6311f463baf199fe5aaa8a85dd8%2Feinstellungen-bedienen-unkompiliert.webp?alt=media" alt="Kopfzeile von SCSS / JavaScript mit Hinweis auf unkompilierte Änderungen"><figcaption><p>Die Kopfzeile der Einstellung „SCSS / JavaScript“ mit ungespeicherten Änderungen.</p></figcaption></figure>

{% content-ref url="/pages/5A3iIzzzDL8N8DXkkanj" %}
[SCSS / JavaScript](/theme-manager/funktionen/entwickler/scss-javascript.md)
{% endcontent-ref %}

## Einstellungen abhaken

Bist du mit einer Einstellung fertig, kannst du sie in der Seitenleiste abhaken. So behältst du bei der Einrichtung den Überblick, was noch offen ist.

{% content-ref url="/pages/KCExAvFX3Cyh1n64kiXr" %}
[Das Dashboard](/theme-manager/erste-schritte/dashboard.md)
{% endcontent-ref %}

## Hilfe bekommen

Die Schaltfläche **Dokumentation** in der Kopfzeile führt dich zur passenden Seite dieser Dokumentation. Kommst du nicht weiter, erreichst du über **Support** direkt den Entwickler.

{% content-ref url="/pages/NcafUOtKXG6xPDo3aiPY" %}
[Support](/theme-manager/erste-schritte/support.md)
{% endcontent-ref %}