> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/einfuehrung/ueberblick-theme-konfiguration.md). # Überblick Theme-Konfiguration In diesem Artikel geben wir dir einen Überblick über die Theme-Konfiguration im Theme-Manager. Der Theme-Manager ist die **Theme-Verwaltung** in der Administration. Du erreichst diese über die Hauptnavigation "Inhalte" => "Themes". (**Hinweis**: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.) In der **Theme-Übersicht** findest du alle installierten und aktivierten Themes deines Systems. Mit einem Klick auf das entsprechende Theme gelangst du in die **Theme-Konfiguration** des entsprechenden Themes. #### Screenshots ![Theme-Übersicht in Shopware 6 Self-hosted](https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FqWvvasr4MQsVXXsWQP87%2Fimage.png?alt=media\&token=ae9a2fd3-393c-41e2-9ba4-8b83991f54ef) ![Theme-Übersicht in der Shopware 6 Cloud](https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2Far2pNSqbjDo46NeKU2TQ%2Fimage.png?alt=media\&token=a3d66b1e-e100-4fa6-93fb-33c26a58f492) ## Theme-Konfiguration Die ThemeWare® Theme-Konfiguration unterscheidet sich von der Standard Theme-Konfiguration in Shopware 6. Wir haben einige nützliche Anpassungen integriert und die Darstellung der Konfiguration verbessert. (**Hinweis**: In der Shopware Cloud sind diese Verbesserungen derzeit nicht möglich.) Die ThemeWare® Konfigurationen ist in verschiedene Ebenen untergliedert. Die erste Ebene sind die **Tabs** (1) am oberen Rand der Konfiguration. Hier siehst du ganz grob den Aufbau der Storefront – wie beispielsweise "Header", "Footer", "Inhalt", "Erlebniswelten" usw. Die nächste Ebene sind die **Bereiche** (2). Das sind die aufklappbaren Karten (Accordions), welche die Konfiguration nach einzelnen Elementen – wie beispielsweise dem "Logo", der "Top-Navigation", dem "Cookie-Hinweis" usw. – gruppieren. Innerhalb eines Bereichs sind die Konfigurationsfelder noch einmal in **Abschnitte** (3) gruppiert, wie beispielsweise die "Basiskonfiguration", die "Farbkonfiguration", die "Bildkonfiguration", die "Schriftkonfiguration" usw. Innerhalb dieser Abschnitte findest du dann die eigentlichen **Konfigurationsfelder** (4). #### Screenshots ![ThemeWare® Theme-Konfiguration](https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FeqXjfC1IQUqSxmVBW84L%2Fadmin--themeware-konfiguration-uebersicht.png?alt=media\&token=c14985bc-bcd9-4b8a-a500-c52acb9993ce) {% hint style="info" %} **Hinweis**: In unserer Dokumentation, im Changelog und in unseren Support-Antworten geben wir den Weg zu einer Konfiguration immer in genau dieser Reihenfolge an: Tab => Bereich => Abschnitt => Konfiguration. Ein Beispiel: Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Farbkonfiguration" => "Hintergrundfarbe (Header)". {% endhint %} {% hint style="success" %} **Tipp**: Viele Konfigurationsfelder haben Hilfe-Texte ![](https://2128686145-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTCpdN4monqL7jrjwbCZL%2Fuploads%2FVbLs1RSrSvFZTYKvX1Gm%2F2022-02-10_09h21_36.png?alt=media\&token=dc6f721e-a0da-45f0-9cc6-75f4bf1e921a). Diese sind sehr wichtig. Schau dir die Hilfe-Texte daher immer an, sie erklären dir genau was die einzelnen Optionen oder die Konfiguration bedeutet und geben dir so eine wichtige Hilfestellung. {% endhint %} ## Tabs im Überblick Grundsätzlich ist die ThemeWare® Konfiguration mit Tabs in die wichtigsten Teile der Shopware 6 Storefront eines Shops aufgeteilt. Es fängt erstmal mit dem "**Layout**" an, welches sich auf den gesamten Shop auswirkt. Dann kommt der Tab "**Header**", der Kopfbereich deiner Storefront. Darauf folgt der "**Footer**", der untere Bereich deines Shops in deiner Storefront den du sehr umfangreich konfigurieren kannst. Im Tab "**Inhalt**" findest du seitenübergreifende Inhaltselemente wie beispielsweise die "Breadcrumb" oder den "Cookie-Hinweis". Der Tab "**Erlebniswelten**" enthält Konfigurationsfelder rund um die Gestaltung deiner Erlebniswelten. Die Tabs "**Kategorieseiten**" und "**Produktseiten**" beinhalten die Konfiguration für die entsprechenden Seitentypen deines Shops. Dazu gibt es noch ein paar besondere Tabs: Zum einen gibt es den Tab "**Widgets**". Hier findest du die Konfiguration für die ThemeWare® Widgets. Widgets sind ein neues Feature von ThemeWare® für Shopware 6. Sie sind Inhaltselemente welche an verschiedenen Stellen in der Storefront ausgegeben werden können (z.B. Zahlungs- und Versandarten, Social-Icons). Beispielsweise besteht der Footer aus diesen Widgets. Das bedeutet, dass du den eigentlichen Footer im Tab "Footer" und die Widgets (welche du im Footer verwendest) im Tab "Widgets" konfigurierst. Zum anderen gibt es den Tab "**Erweiterungen**". Hier findest du größere und völlig eigenständige Zusatzfunktionen von ThemeWare® welche i.d.R. an einer bestimmten Stellen in der Storefront ausgegeben werden (z.B. die USP-Bar). Zum Schluss folgt noch der Tab "**Weiteres**". Dieser beinhaltet verschiedene allgemeine Konfigurationen für fortgeschrittene Anwender, Beta-Features und Kompatibilitäts-Konfigurationen der ThemeWare® HC-Architecture®. ## Konfiguration finden Die Theme-Konfiguration ist umfangreich. Wenn du weißt, was du einstellen möchtest, aber nicht, in welchem Tab es liegt, suchst du danach – mit dem ThemeWare® Config-Finder. Den gibt es zweimal: als [Feldsuchmaschine im Browser](https://config.themeware.design/) und direkt im Theme-Manager. Im Browser schlägst du nach, im Theme-Manager änderst du sofort. Wie du damit arbeitest, zeigen wir dir im nächsten Artikel: {% content-ref url="/pages/SvZXkFJr9eDrHCQwFEZC" %} [Konfiguration finden](/wissensdatenbank/einfuehrung/konfiguration-finden.md) {% endcontent-ref %} ## Konfiguration speichern Wenn du die Konfiguration speicherst, wundere dich nicht, dass der Theme-Manager wieder auf den ersten Tab springt. Das ist leider ein Verhalten von Shopware, was wir nicht beeinflussen können. Vielleicht wird dies mit einem künftigen Shopware Update behoben. Merke dir daher einfach, in welchem Tab du gerade warst. Wenn du in den Tab zurück wechselst, dann ist immer der entsprechende Bereich wieder geöffnet. ## Tipps zur Konfiguration Nimm bei der Konfiguration eher kleine bzw. wenige Änderungen auf einmal vor. Speicher dann und sieh dir die Auswirkung in der Storefront an. {% hint style="success" %} **Tipp**: Mit vielen kleinen Schritten kommst du erfahrungsgemäß schneller ans Ziel. {% endhint %} Wenn du langsam und in kleinen Schritten vorgehst, kannst du besser nachvollziehen, was du zuletzt bearbeitet hast um leichter erneute Änderungen oder Korrekturen vornehmen zu können. Vielleicht speicherst oder kopierst du dir auch, welchen Wert du verändert hast bzw. wie der vorherige Wert war damit du die Änderung einfach wieder zurücksetzen kannst, wenn dir diese nicht gefallen hat. #### Weiterführende Informationen {% embed url="" %} ThemeWare® Video-Tutorial {% endembed %}