> 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/theme-bearbeiten.md).

# Theme bearbeiten

Passe Farben, Schriften und Logos eines Themes an, übernimm die Vorlage eines Themes, setze Einstellungen zurück oder übertrage sie per Datei.

In der Ansicht **Theme bearbeiten** kümmerst du dich um das Theme eines Verkaufskanals: Du legst Farben, Schriften und Logos fest, schaltest die HTML-Minifizierung ein, übernimmst – falls dein Theme eine mitbringt – eine Theme-Vorlage, setzt alle Einstellungen des Verkaufskanals zurück oder überträgst sie per Datei auf einen anderen Verkaufskanal.

Du öffnest die Ansicht unter **Inhalte › Theme - Einstellungen › Dashboard** über **Theme bearbeiten** auf der Karte deines Verkaufskanals. Die Schaltfläche gibt es nur bei kompatiblen Themes – also beim Shopware-Standard-Theme und bei ausgewählten Themes von RH-Webdesign.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-7ba8006a77225c04228910130aaa913481187eab%2Ftheme-bearbeiten-hero.webp?alt=media" alt="Ansicht Theme bearbeiten mit Tabs und Theme-Farben"><figcaption><p>Die Bearbeitung des Shopware-Standard-Themes für den Verkaufskanal „Storefront“.</p></figcaption></figure>

{% hint style="info" %}
Die Bilder auf dieser Seite zeigen das Shopware-Standard-Theme. Der Aufbau ist bei allen kompatiblen Themes gleich. Welche Felder im Tab **Theme-Einstellungen** erscheinen, gibt das jeweilige Theme vor – ein Theme von RH-Webdesign kann weitere Felder mitbringen.
{% endhint %}

## Der Kopfbereich

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-53ef6e1656a12fb5a0a8e9a16d98fbb6912efb1e%2Ftheme-bearbeiten-kopfbereich.webp?alt=media" alt="Kopfbereich der Ansicht Theme bearbeiten"><figcaption><p>Kopfbereich und Tabs.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Zurück (1)</td><td>Führt zurück zu <strong>Themes verwalten</strong>.</td></tr><tr><td>Theme (2)</td><td>Das Theme, das du bearbeitest.</td></tr><tr><td>Verkaufskanal (3)</td><td>Der Verkaufskanal, für den du es bearbeitest.</td></tr><tr><td>Kompatibel (4)</td><td>Das Theme arbeitet mit dem Theme - Manager zusammen.</td></tr><tr><td>Cache löschen (5)</td><td>Leert den Zwischenspeicher von Shopware, damit du Änderungen sofort im Shop siehst.</td></tr><tr><td>Speichern &#x26; Kompilieren (6)</td><td>Speichert die Felder im Tab <strong>Theme-Einstellungen</strong> und kompiliert das Theme.<br><strong>Cache löschen</strong> und <strong>Speichern &#x26; Kompilieren</strong> erscheinen nur in diesem Tab – die anderen Tabs wirken sofort.</td></tr><tr><td>Theme-Einstellungen (7)</td><td>Farben, Schriften, Logos und die HTML-Minifizierung.</td></tr><tr><td>Vorlage (8)</td><td>Theme-Vorlage installieren und alle Einstellungen des Verkaufskanals zurücksetzen.</td></tr><tr><td>Import / Export (9)</td><td>Alle Einstellungen als Datei sichern, anzeigen oder einspielen.</td></tr></tbody></table>

## Tab „Theme-Einstellungen“

Der Tab enthält oben den Schalter für die HTML-Minifizierung und darunter die Einstellungen des Themes: Farben, Schriften und Logos.

{% hint style="warning" %}
**Theme-Einstellungen gehören zum Theme, nicht zum Verkaufskanal.** Nutzen mehrere Verkaufskanäle dasselbe Theme, ändern sich Farben, Schriften und Logos in allen diesen Verkaufskanälen. Möchtest du für einen Verkaufskanal eigene Farben, lege in Shopware ein Duplikat des Themes an und weise es diesem Verkaufskanal zu – siehe **Abhängige Einstellungen in Shopware**.
{% endhint %}

### HTML minifizieren

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-07d6bfe34e105eafa9fca906e4e928093fe1c3b0%2Ftheme-bearbeiten-minifizieren.webp?alt=media" alt="Schalter HTML für diesen Verkaufskanal minifizieren"><figcaption><p>Der Schalter zur HTML-Minifizierung, hier ausgeschaltet.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>HTML für diesen Verkaufskanal minifizieren (1)</td><td>Eingeschaltet entfernt der Shop Leerräume und Kommentare aus dem HTML-Code seiner Seiten. Die Seiten werden dadurch kleiner; an der Darstellung ändert sich nichts.<br>Der Schalter gilt nur für diesen Verkaufskanal und wird sofort gespeichert. Eine Meldung bestätigt das, zum Beispiel „HTML-Minifizierung für „Storefront“ aktiviert.“</td></tr></tbody></table>

### Farben

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-c29bac6810525a64439a797eabe067139cbbb5ad%2Ftheme-bearbeiten-farben.webp?alt=media" alt="Theme-Farben und Status-Benachrichtigungen"><figcaption><p>Die Bereiche „Theme-Farben“ und „Status-Benachrichtigungen“.</p></figcaption></figure>

Klickst du auf das Farbfeld links in einem Eingabefeld, öffnet sich ein Farbwähler. Du kannst den Farbwert auch direkt eintippen, zum Beispiel `#0042a0`. Wie der Farbwähler funktioniert, erklärt der Baustein **Farben wählen**.

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Primärfarbe (1)</td><td>Die Hauptfarbe deines Shops, zum Beispiel für die wichtigsten Buttons.</td></tr><tr><td>Sekundärfarbe (2)</td><td>Die zweite Akzentfarbe, zum Beispiel für weniger wichtige Buttons.</td></tr><tr><td>Rahmen (3)</td><td>Die Farbe der Rahmenlinien, etwa um Eingabefelder.</td></tr><tr><td>Hintergrund (4)</td><td>Die Hintergrundfarbe der Seiten.</td></tr><tr><td>Erfolg (5)</td><td>Farbe für Erfolgsmeldungen im Shop.</td></tr><tr><td>Information (6)</td><td>Farbe für Hinweise mit Informationen.</td></tr><tr><td>Hinweis (7)</td><td>Farbe für Warnhinweise.</td></tr><tr><td>Fehler (8)</td><td>Farbe für Fehlermeldungen.</td></tr></tbody></table>

### Schriften und Kaufen

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-37f687eabcbb39b452da3224094db6bc0573c63b%2Ftheme-bearbeiten-typografie.webp?alt=media" alt="Typografie und E-Commerce"><figcaption><p>Die Bereiche „Typografie“ und „E-Commerce“.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Fließtext-Schriftart (1)</td><td>Die Schrift für normale Texte. Du gibst sie als Schriftfamilie ein, zum Beispiel <code>'Inter', sans-serif</code> – der zweite Name ist die Ersatzschrift, falls die erste nicht geladen werden kann. Eigene Schriften von Google bindest du unter <a href="/theme-manager/funktionen/erweitert/google-fonts.md"><strong>Google Fonts</strong></a> ein.</td></tr><tr><td>Fließtextfarbe (2)</td><td>Die Farbe normaler Texte.</td></tr><tr><td>Überschrift-Schriftart (3)</td><td>Die Schrift für Überschriften – Eingabe wie bei der Fließtext-Schriftart.</td></tr><tr><td>Überschriftfarbe (4)</td><td>Die Farbe der Überschriften.</td></tr><tr><td>Preis (5)</td><td>Die Farbe der Preise.</td></tr><tr><td>Kauf-Button (6)</td><td>Die Hintergrundfarbe des Kauf-Buttons. Statt eines Farbwerts kann hier auch eine andere Theme-Farbe stehen: <code>$sw-color-brand-primary</code> bedeutet „wie die Primärfarbe“.</td></tr><tr><td>Kauf-Button-Farbe (7)</td><td>Die Schriftfarbe auf dem Kauf-Button.</td></tr></tbody></table>

### Logos und Symbole

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-caa3c77d045ccbf9eb58d3c49ba3bbb4e6553552%2Ftheme-bearbeiten-medien.webp?alt=media" alt="Bereich Medien mit Logos und Favicon"><figcaption><p>Der Bereich „Medien“.</p></figcaption></figure>

Über das Bildsymbol rechts in einem Feld lädst du ein neues Bild hoch, wählst ein vorhandenes aus deinen Medien oder entfernst die Verknüpfung – siehe Baustein **Bilder und Dateien auswählen**.

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Desktop (1)</td><td>Das Logo für Bildschirme ab 992 px Breite. Es springt auch für kleinere Bildschirme ein, wenn dort kein eigenes Logo hinterlegt ist.</td></tr><tr><td>Tablet (2)</td><td>Das Logo für Bildschirmbreiten von 768 bis 991 px.</td></tr><tr><td>Mobile (3)</td><td>Das Logo für Bildschirme bis 767 px Breite.</td></tr><tr><td>App- &#x26; Share-Icon (4)</td><td>Das Symbol, das erscheint, wenn Kunden deinen Shop auf dem Startbildschirm ihres Smartphones ablegen.</td></tr><tr><td>Favicon (5)</td><td>Das kleine Symbol im Browser-Tab.</td></tr></tbody></table>

{% hint style="info" %}
Ob dein Shop das Bild-Logo aus diesen Feldern oder ein Text-Logo zeigt und wie groß es ist, legst du unter **Inhalte › Theme - Einstellungen › Layout › Logo** fest.
{% endhint %}

### Speichern und kompilieren

Klicke oben rechts auf **Speichern & Kompilieren**. Shopware speichert die Theme-Einstellungen und kompiliert das Theme für alle Verkaufskanäle, die es nutzen. Das dauert ein paar Sekunden. Danach bestätigt eine Meldung den Vorgang, zum Beispiel „Theme-Einstellungen für „Shopware default theme“ gespeichert.“

Den Schalter für die HTML-Minifizierung musst du nicht extra speichern.

## Tab „Vorlage“

Bringt ein Theme von RH-Webdesign eine **Theme-Vorlage** mit, überträgst du sie hier mit einem Klick auf deinen Verkaufskanal. Die Vorlage enthält die Einstellungen, die RH-Webdesign für dieses Theme empfiehlt – zum Beispiel für Header, Icons, Formulare, Produkt - Box, Listing und Detailseite. Das Shopware-Standard-Theme bringt keine Vorlage mit. Im selben Tab setzt du außerdem alle Einstellungen des Verkaufskanals wieder zurück.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-c8e213daa3fa63ee5e27b48552bde864f73020ad%2Ftheme-bearbeiten-tab-vorlage.webp?alt=media" alt="Tab Vorlage mit Theme-Vorlage und Zurücksetzen"><figcaption><p>Der Tab „Vorlage“.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Theme wählen … (1)</td><td>Zeigt alle installierten und aktiven Themes, für die eine Vorlage vorliegt. Wählst du ein anderes Theme als das aktuelle, weist die Installation dem Verkaufskanal dieses Theme zu.<br>Gibt es keine passende Vorlage, steht hier „Für die installierten Themes liegen keine Vorlagen vor.“</td></tr><tr><td>Vorlage installieren (2)</td><td>Öffnet die Rückfrage zur Installation – siehe <strong>Vorlage installieren</strong>.</td></tr><tr><td>Zurücksetzen (3)</td><td>Öffnet die Rückfrage zum Zurücksetzen – siehe <strong>Auf Standard zurücksetzen</strong>.</td></tr></tbody></table>

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-5ed574cda836c9d980b185a880300fa770c3fb05%2Ftheme-bearbeiten-vorlage-auswahl.webp?alt=media" alt="Auswahl der Vorlage" width="480"><figcaption><p>Die Auswahl zeigt die Vorlagen deiner installierten Themes – hier die Vorlage eines Beispiel-Themes.</p></figcaption></figure>

### Vorlage installieren

{% hint style="warning" %}
Die Vorlage überschreibt die Einstellungen, die sie enthält. Exportiere deine Einstellungen vorher als Sicherung – siehe **Tab „Import / Export“**.
{% endhint %}

1. Wähle unter **Theme wählen …** das Theme.
2. Klicke auf **Vorlage installieren**. Ein Fenster fasst zusammen, was passiert.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-eba7a6cce7d423fe6ef71c33416b8b9db3eb4cb7%2Ftheme-bearbeiten-vorlage-zuweisen.webp?alt=media" alt="Rückfrage Vorlage installieren mit Vorschau des Themes" width="500"><figcaption><p>Die Rückfrage im Verkaufskanal „Storefront“, der noch das Shopware-Standard-Theme nutzt: Die Vorlage bringt ihr Theme mit.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Vorschau (1)</td><td>Das Vorschaubild des Themes, zu dem die Vorlage gehört. Es erscheint nur, wenn der Verkaufskanal noch ein anderes Theme nutzt.</td></tr><tr><td>Hinweis (2)</td><td>Kündigt an, dass das Theme dem Verkaufskanal zugewiesen wird und welche Einstellungen gesetzt werden.<br>Ist das Theme dem Verkaufskanal schon zugewiesen, entfällt die Vorschau und der Hinweis lautet zum Beispiel „Die Vorlage „Theme - Beispiel“ setzt alle enthaltenen Einstellungen für den Verkaufskanal „Storefront“. Das Theme ist diesem Verkaufskanal bereits zugewiesen.“</td></tr><tr><td>Ich habe verstanden (3)</td><td>Erst mit diesem Haken lässt sich die Schaltfläche <strong>Installieren</strong> anklicken.</td></tr><tr><td>Installieren (4)</td><td>Installiert die Vorlage.</td></tr></tbody></table>

3. Setze den Haken bei **Ich habe verstanden** (3) und klicke auf **Installieren** (4). Eine Meldung bestätigt die Installation, zum Beispiel „Vorlage „Theme - Beispiel“ in „Storefront“ installiert.“ Die Ansicht wechselt danach auf das neu zugewiesene Theme.

**Was die Installation genau macht:**

* Sie weist dem Verkaufskanal das Theme der Vorlage zu, falls er ein anderes nutzt, und kompiliert es.
* Sie übernimmt die Einstellungen der Vorlage für diesen Verkaufskanal. Diese Werte gelten danach für ihn – auch wenn du unter „Alle Verkaufskanäle“ etwas anderes eingestellt hast. Einstellungen, die die Vorlage nicht enthält, bleiben unverändert.
* Premium-Funktionen, die du nicht freigeschaltet hast, überspringt sie.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-7ae38ac179f1cafddf237dadca717d95caab1d0a%2Ftheme-bearbeiten-shop-vorher.webp?alt=media" alt="Shop mit dem Shopware-Standard-Theme vor der Vorlage"><figcaption><p>Vorher: der Verkaufskanal mit dem Shopware-Standard-Theme.</p></figcaption></figure>

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-c94cec2682808f87fc51187d23e3c54075303716%2Ftheme-bearbeiten-shop-nachher.webp?alt=media" alt="Shop mit dem Beispiel-Theme nach der Vorlage"><figcaption><p>Nachher: das Beispiel-Theme mit den Einstellungen seiner Vorlage – eigene Farbe, ein anderes Icon-Set, ein Haus-Symbol vor „Home“, Schnellansicht-Schaltflächen, Verfügbarkeitspunkte an den Preisen, eine Mengenauswahl am Kauf-Button und ein abgeschwächtes ausverkauftes Produkt.</p></figcaption></figure>

{% hint style="info" %}
Nutzt dein Verkaufskanal ein **Duplikat** eines Themes, weist die Vorlage das Original-Theme zu – das Fenster kündigt das an. Möchtest du beim Duplikat bleiben, weise es danach unter **Themes verwalten** wieder zu. Die übernommenen Einstellungen bleiben dabei erhalten.
{% endhint %}

### Auf Standard zurücksetzen

Mit **Zurücksetzen** entfernst du alle Einstellungen des Theme - Managers, die du für diesen Verkaufskanal gespeichert hast. Der Verkaufskanal folgt danach wieder dem, was unter „Alle Verkaufskanäle“ eingestellt ist, und sonst dem Auslieferungszustand.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-0712595fefcf8e0ba77aa67d48fa91291a356cb1%2Ftheme-bearbeiten-zuruecksetzen.webp?alt=media" alt="Rückfrage Auf Standard zurücksetzen" width="500"><figcaption><p>Die Rückfrage zum Zurücksetzen.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Hinweis (1)</td><td>Erscheint, wenn es Einstellungen unter „Alle Verkaufskanäle“ gibt. Sie gelten nach dem Zurücksetzen weiterhin – auch für diesen Verkaufskanal.</td></tr><tr><td>Ich habe verstanden (2)</td><td>Erst mit diesem Haken lässt sich die Schaltfläche <strong>Zurücksetzen</strong> anklicken.</td></tr><tr><td>Zurücksetzen (3)</td><td>Setzt die Einstellungen zurück. Eine Meldung bestätigt das, zum Beispiel „Einstellungen von „Storefront“ auf Standard zurückgesetzt.“</td></tr></tbody></table>

Unverändert bleiben die Theme-Zuweisung, die Theme-Einstellungen (Farben, Schriften, Logos), der Schalter für die HTML-Minifizierung und die Reihenfolge unter **Theme-Vererbung**.

## Tab „Import / Export“

Hier sicherst du alle Einstellungen eines Verkaufskanals in einer Datei – oder spielst eine solche Datei ein, zum Beispiel um die Einstellungen auf einen anderen Verkaufskanal zu übertragen.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-5e651f8899df7dbb543a722ecc728ff7868cbd34%2Ftheme-bearbeiten-tab-import-export.webp?alt=media" alt="Tab Import / Export"><figcaption><p>Der Tab „Import / Export“.</p></figcaption></figure>

<table><thead><tr><th width="287">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Als JSON exportieren (1)</td><td>Lädt eine Datei herunter, zum Beispiel <code>theme-storefront-shopware-default-theme.json</code>. Sie enthält die Theme-Einstellungen (Farben, Schriften, Logos) und alle Einstellungen des Theme - Managers, die für diesen Verkaufskanal gelten – auch die unter „Alle Verkaufskanäle“.</td></tr><tr><td>JSON anzeigen (2)</td><td>Zeigt denselben Inhalt in einem Fenster, ohne Download.</td></tr><tr><td>Datei wählen … (3)</td><td>Spielt eine zuvor exportierte Datei ein – siehe <strong>Einstellungen importieren</strong>.</td></tr></tbody></table>

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-3522f8ba5d456ca9e23da16e5d9f62c8450b6ad8%2Ftheme-bearbeiten-json.webp?alt=media" alt="Fenster Theme-Einstellungen als JSON" width="700"><figcaption><p>Das Fenster „Theme-Einstellungen als JSON“.</p></figcaption></figure>

Im Fenster siehst du den Inhalt der Datei (1). **Schließen** (2) schließt das Fenster, **Kopieren** (3) legt den Inhalt in die Zwischenablage – die Schaltfläche zeigt dann kurz „Kopiert“.

{% hint style="info" %}
Bilder wie Logos stehen in der Datei nur als Verweis auf deine Medien. Die Bilddateien selbst sind nicht enthalten.
{% endhint %}

### Einstellungen importieren

1. Öffne die Bearbeitung des Verkaufskanals, der die Einstellungen bekommen soll, und wechsle in den Tab **Import / Export**.
2. Klicke auf **Datei wählen …** und wähle die exportierte Datei. Der Import startet sofort.
3. Eine Meldung bestätigt den Import, zum Beispiel „Theme-Einstellungen in „B2B-Shop“ importiert.“

Der Import übernimmt die Einstellungen des Theme - Managers für diesen Verkaufskanal und die Theme-Einstellungen für das Theme dieses Verkaufskanals – mit Wirkung auf alle Verkaufskanäle, die dieses Theme nutzen. Ist die Datei kein Export aus dem Theme - Manager, erscheint „Diese Datei ist kein gültiger Theme-Export.“ und es ändert sich nichts.

## Speichern und Cache

Die Tabs **Vorlage** und **Import / Export** speichern sofort. Im Tab **Theme-Einstellungen** speicherst du mit **Speichern & Kompilieren**.

{% hint style="info" %}
**Du siehst die Änderung im Shop noch nicht?** Shopware liefert Seiten aus einem Zwischenspeicher (Cache) aus und erneuert ihn automatisch – je nach Einrichtung deines Shops nach wenigen Minuten. Mit **Cache löschen** oben rechts siehst du das Ergebnis sofort.
{% endhint %}

{% content-ref url="/pages/NNjBHYgFh1Oylj6ZIF0j" %}
[Einstellungen bedienen](/theme-manager/erste-schritte/einstellungen-bedienen.md)
{% endcontent-ref %}

## Abhängige Einstellungen in Shopware

### Theme duplizieren

Ein Duplikat ist eine Kopie eines Themes mit eigenen Theme-Einstellungen. So nutzt du denselben Look mit anderen Farben oder Logos in einem weiteren Verkaufskanal.

1. Öffne in der Administration **Inhalte › Themes**.
2. Fahre mit der Maus über das Theme, klicke auf das Menü (**…**) und wähle **Duplizieren** (1).

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-f82a580965f6d630a457f45ff240c640233897c9%2Ftheme-bearbeiten-duplizieren-menue.webp?alt=media" alt="Menü eines Themes mit Eintrag Duplizieren" width="380"><figcaption><p>Das Menü des Shopware-Standard-Themes unter „Inhalte › Themes“.</p></figcaption></figure>

3. Gib im Fenster **Duplikat erstellen** einen Namen ein (1), zum Beispiel „Shopware default theme B2B“, und klicke auf **Duplizieren** (2). Shopware öffnet danach das neue Duplikat.

<figure><img src="https://2298866969-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F7jsLHIar9cIHQMU8bdJQ%2Fuploads%2Fgit-blob-846e4d310dc2e60b5c472652121f044c6b105d18%2Ftheme-bearbeiten-duplizieren-fenster.webp?alt=media" alt="Fenster Duplikat erstellen" width="500"><figcaption><p>Das Fenster „Duplikat erstellen“.</p></figcaption></figure>

4. Weise das Duplikat deinem Verkaufskanal zu – im Theme - Manager über **Theme ändern** auf der Karte des Verkaufskanals.
5. Öffne über **Theme bearbeiten** die Bearbeitung und passe die Theme-Einstellungen des Duplikats an.

## Weiterlesen

{% content-ref url="/pages/a5BwHX8BwUslP5vYsXhU" %}
[Themes & Verkaufskanäle](/theme-manager/erste-schritte/themes-und-verkaufskanaele.md)
{% endcontent-ref %}

{% content-ref url="/pages/5q5NFPpoeI9r6NXlxGTj" %}
[Logo](/theme-manager/funktionen/layout/logo.md)
{% endcontent-ref %}

{% content-ref url="/pages/vEi5QIigWxVE0n4i2fNu" %}
[Google Fonts](/theme-manager/funktionen/erweitert/google-fonts.md)
{% endcontent-ref %}

{% content-ref url="/pages/q2gQ7q2e42nGq5UHOQao" %}
[Farben wählen](/theme-manager/bausteine/farben.md)
{% endcontent-ref %}

{% content-ref url="/pages/HLIfM1urrLcubxnH0pny" %}
[Bilder und Dateien auswählen](/theme-manager/bausteine/medien.md)
{% endcontent-ref %}

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