# Das ultimative Profiwissen ThemeWare® bietet dir durch die voreingestellten Konfigurationen, seinen vielen Utilities, dem Video-Tutorial und den vielen Anleitungen einen blitzschnellen Einstieg. So kannst du professionelle und verkaufsfördernde Shops schneller den je umsetzen. Gleichzeitig setzt dir ThemeWare® niemals Grenzen. Du kannst neben umfangreichsten Konfigurationen jederzeit grenzenlose Individualisierungen vornehmen. Nachfolgend findest du eine Zusammenfassung der wichtigsten Artikel für erfahrende Anwender und Profis. ## 1. Grundwissen Im ersten Schritt findest du einige Artikel, welche dir ein grundsätzliches Verständnis von Themes in Shopware 6 vermitteln. Darüber hinaus findest du natürlich auch in der Shopware Dokumentation viele hilfreiche Informationen. #### Beschreibung der Feldtypen in der Theme-Konfiguration In der Konfiguration des Themes stehen dir verschiedene Feldtypen zur Verfügung. In diesem Artikel geben wir dir eine Übersicht und erklären, wie welcher Feldtyp verwendet wird und welche Werte er enthalten kann. {% content-ref url="/pages/Ps7jGZZVF0XCkAKnOIfF" %} [Feldtypen in der Theme-Konfiguration](/wissensdatenbank/anleitungen/konfiguration/feldtypen-in-der-theme-konfiguration.md) {% endcontent-ref %} #### ThemeWare® Version ermitteln Mit dieser Anleitung findest du heraus, welche ThemeWare® Version von deinem Kunden in Shopware 6 einsetzt wird. {% content-ref url="/pages/ndKSMH1sJt0CY7bNjRcS" %} [ThemeWare® Version ermitteln](/wissensdatenbank/anleitungen/administration/themeware-version-ermitteln.md) {% endcontent-ref %} #### ThemeWare® installieren In diesem Artikel erfährst du, wie du das Theme aktualisieren kannst. {% content-ref url="/pages/vMKicnbNXVqBuE7qfcUT" %} [ThemeWare® installieren](/wissensdatenbank/anleitungen/administration/themeware-installieren.md) {% endcontent-ref %} {% content-ref url="/pages/ocTLtsDtqRSK5te9IIXm" %} [ThemeWare® manuell installieren](/wissensdatenbank/profiwissen/themeware-manuell-installieren.md) {% endcontent-ref %} #### ThemeWare® Update durchführen In diesem Artikel erfährst du, wie du das Theme aktualisieren kannst. {% content-ref url="/pages/FkDLqpEhXKB6KrxI3Wni" %} [ThemeWare® updaten](/wissensdatenbank/anleitungen/administration/themeware-update-durchfuehren.md) {% endcontent-ref %} {% content-ref url="/pages/eoiC7yvb1yLRFy8Y5Ip6" %} [ThemeWare® manuell updaten](/wissensdatenbank/profiwissen/themeware-manuell-updaten.md) {% endcontent-ref %} ## 2. Hintergrundwissen zur Konfiguration Die Artikel in diesem Abschnitt gehen einen Schritt weiter und bieten dir Hintergrundwissen zum Thema "Konfiguration" und dem Umgang mit der Konfiguration in der Datenbank. #### ThemeWare® in der Datenbank In diesem Artikel erklären wir dir, wo die Theme-Konfiguration in Shopware 6 gespeichert wird. {% content-ref url="/pages/ouaHAXI5ecwejhsqX1Yz" %} [ThemeWare® in der Datenbank](/wissensdatenbank/profiwissen/themeware-in-der-datenbank.md) {% endcontent-ref %} #### Datenbank mit dem Adminer bearbeiten Wir empfehlen für einen einfachen Zugriff auf die Datenbank die kostenlose Erweiterung "Adminer für das Admin". {% content-ref url="/pages/GoKoeaVGqtVgFdjDOO4d" %} [Datenbank mit dem Adminer bearbeiten](/wissensdatenbank/profiwissen/datenbank-mit-dem-adminer-bearbeiten.md) {% endcontent-ref %} #### Theme-Konfiguration exportieren/importieren bzw. sichern/wiederherstellen Über einen Export und Import der Konfigurationswerte kannst du eine Konfiguration speichern, eine gespeicherte Konfiguration wiederherstellen, Konfigurationen zwischen einem Theme und seinen Ableitungen übertragen und Theme-Konfigurationen in eine andere Installation übertragen. {% content-ref url="/pages/NCixkuqYiMUHD5Tl3ojg" %} [ThemeWare® Konfiguration exportieren und importieren](/wissensdatenbank/profiwissen/themeware-konfiguration-exportieren-und-importieren.md) {% endcontent-ref %} {% content-ref url="/pages/lMHweleqGdzhzaDgD0Mf" %} [ThemeWare® Konfiguration sichern und wiederherstellen](/wissensdatenbank/profiwissen/themeware-konfiguration-sichern-und-wiederherstellen.md) {% endcontent-ref %} #### Theme-Konfiguration zurücksetzen Wie du ein Theme in seinen Originalzustand zurücksetzt, erfährst du in diesem Artikel. {% content-ref url="/pages/IMSEpJt7slRn92Vrt2Lj" %} [ThemeWare® Konfiguration zurücksetzen](/wissensdatenbank/profiwissen/themeware-konfiguration-zuruecksetzen.md) {% endcontent-ref %} ## 3. Individuelle Themes gestalten Nachfolgend findest du Artikel, welche dir zeigen, wie du mit ThemeWare® schnell und einfach einen professionell gestalteten Shop realisieren kannst. #### Themes / Vorlagen kombinieren In diesem Video zeigt dir Thorsten, wie einfach du andere ThemeWare® Themes als Vorlage nutzen kannst, um Teile davon miteinander zu kombinieren. So gelangst du schnell und einfach zu einem individuellen und professionell gestalteten Theme, was genau deinen Wünschen entspricht. {% content-ref url="/pages/tWp2JbVkVshFnhSRG4kx" %} [Themes kombinieren](/wissensdatenbank/einfuehrung/themes-kombinieren.md) {% endcontent-ref %} #### Theme-Variablen in der Konfiguration verwenden In diesem Artikel zeigen wir dir, wie du mit Theme-Variablen das Farbbild der Storefront vereinheitlichst und schneller an deine Wünsche anpassen kannst. {% content-ref url="/pages/PgXuxBTp3jTjuv1ceNf5" %} [Theme-Variablen in der Konfiguration verwenden](/wissensdatenbank/anleitungen/konfiguration/theme-variablen-in-der-konfiguration-verwenden.md) {% endcontent-ref %} #### SCSS-Funktionen in der Konfiguration verwenden In der Theme-Konfiguration kannst du in Farbfeldern neben Theme-Variablen auch einfache SCSS-Funktionen verwenden. Mit solchen Funktionen kannst du beispielsweise Farben abdunkeln oder aufhellen. {% content-ref url="/pages/5gdzFVBA5Npyo63Uxc2C" %} [SCSS-Funktionen in der Konfiguration verwenden](/wissensdatenbank/anleitungen/konfiguration/scss-funktionen-in-der-konfiguration-verwenden.md) {% endcontent-ref %} #### ThemeWare® CSS-Klassen für Erlebniswelten In diesem Artikel findest du eine Übersicht aller zusätzlichen CSS-Klassen, die wir mit ThemeWare® für Erlebniswelten bereitstellen. {% content-ref url="/pages/aVvRQZ8lOxkGNdV5z0hS" %} [ThemeWare® CSS-Klassen für Erlebniswelten](/wissensdatenbank/anleitungen/erlebniswelten/themeware-css-klassen-fuer-erlebniswelten.md) {% endcontent-ref %} #### Erlebniswelt-Header konfigurieren Im sogenannten ThemeWare® "Erlebniswelt-Header" überlagert der Header die Erlebniswelt auf der Startseite. In Themes wie ThemeWare® Outdoor, ThemeWare® Exquisite oder ThemeWare® Lights ist der "Erlebniswelt-Header" bereits vorkonfiguriert. {% content-ref url="/pages/Y6uGYuVBQhfWLtbpww6c" %} [Erlebniswelt-Header konfigurieren](/wissensdatenbank/anleitungen/header/erlebniswelt-header-konfigurieren.md) {% endcontent-ref %} #### Kategorie-Erlebniswelten der Demoshops nachbauen In diesem Artikel erfährst du, wie du die Kategorie-Erlebniswelten aus unseren Shopware 6 Demoshops nachbauen kannst. {% content-ref url="/pages/HTSomxWdLv0wUkZlBwGa" %} [Kategorie-Erlebniswelten der Demoshops nachbauen](/wissensdatenbank/anleitungen/erlebniswelten/kategorie-erlebniswelten-der-demoshops-nachbauen.md) {% endcontent-ref %} #### Welche Bildgrößen sollte ich mit ThemeWare® nutzen? In unseren beliebten Utilities sind unter anderem alle Theme-Grafiken im PSD-Format für dich enthalten. {% content-ref url="/pages/pQIgyKgtJhgbvfvhMPqI" %} [Welche Bildgrößen sollte ich mit ThemeWare® nutzen?](/wissensdatenbank/haeufige-fragen/welche-bildgroessen-muss-ich-in-mit-themeware-nutzen.md) {% endcontent-ref %} ## 4. Individuelle Anpassungen vornehmen Wenn du Erfahrung mit CSS und HTML hast und das Erscheinungsbild noch weiter individualisieren möchtest oder Anpassungen an Templates vornehmen möchtest haben wir ebenfalls einige umfangreiche Artikel für dich zusammengestellt. #### Individuelle Anpassungen mittels CSS Du hast mit ThemeWare® verschiedene Möglichkeiten, um eigenes CSS-Styling zu deinem Shop hinzuzufügen. Mehr dazu findest du in diesem Artikel. {% content-ref url="/pages/dfYh3rG0xbCzXhNdDC2O" %} [Individuelle Anpassungen mittels CSS](/wissensdatenbank/anleitungen/individuelle-anpassungen/individuelle-anpassungen-mittels-css.md) {% endcontent-ref %} #### Individuelle Anpassungen mittels SCSS Wie du visuelle Anpassungen mittels SCSS vornehmen kannst, erfährst du in diesem Artikel. {% content-ref url="/pages/vI0xv5IE1vA6Zs7uC8FZ" %} [Individuelle Anpassungen mittels SCSS](/wissensdatenbank/anleitungen/individuelle-anpassungen/individuelle-anpassungen-mittels-scss.md) {% endcontent-ref %} #### Individuelle Template-Anpassungen (Twig, HTML, SCSS) Wenn du das Erscheinungsbild von ThemeWare® mittels einer Template-Anpassung individuell verändern möchtest, dann kannst du diese Anpassung mithilfe dieses Artikels in Shopware 6 (Self-hosted) umsetzen. {% content-ref url="/pages/DZ6e7tlizxHzhiN8LYxo" %} [Individuelle Template-Anpassungen (Twig, HTML)](/wissensdatenbank/anleitungen/individuelle-anpassungen/individuelle-template-anpassungen-twig-html.md) {% endcontent-ref %} #### Google Fonts oder eigene Fonts DSGVO-konform lokal einbinden Wie du eigene Fonts oder einen Google Font lokal in einen Shopware 6 Shop (Self-hosted) einbinden kannst, erfährst du in diesem Artikel. {% content-ref url="/pages/P9fzjMSyqSuru51AUXwV" %} [Fonts lokal einbinden](/wissensdatenbank/anleitungen/fonts/fonts-lokal-einbinden.md) {% endcontent-ref %} {% content-ref url="/pages/cRSTGl8IzW37LsddQzWG" %} [Fonts mit dem ThemeWare® Customizing Plugin lokal einbinden](/wissensdatenbank/anleitungen/fonts/fonts-mit-dem-themeware-customizing-plugin-lokal-einbinden.md) {% endcontent-ref %} ## 5. Mit Bootstrap richtig durchstarten Last but not least zeigen wir dir, wie du mithilfe des Shopware 6 zugrundeliegenden Bootstrap-Frameworks noch mehr Möglichkeiten zur Individualisierung hast. #### Erlebniswelten mit Bootstrap HTML- und CSS-Klassen optimieren Die Shopware 6 Storefront basiert auf dem Bootstrap-Framework. Aufgrund unserer HC-Architecture® ist ThemeWare® ebenfalls vollständig kompatibel mit Bootstrap. Wie du Bootstrap CSS-Klassen und HTML-Elemente für Kundenprojekte einsetzen kannst erfährst du in diesen Artikeln. {% content-ref url="/pages/64NoI9jdfefyfWO9ELKD" %} [Erlebniswelten mit Bootstrap CSS-Klassen optimieren](/wissensdatenbank/profiwissen/erlebniswelten-mit-bootstrap-css-klassen-optimieren.md) {% endcontent-ref %} {% content-ref url="/pages/5G1QEmIz1dxY66e6hc8Y" %} [Erlebniswelten mit Bootstrap HTML-Elementen optimieren](/wissensdatenbank/profiwissen/erlebniswelten-mit-bootstrap-html-elementen-optimieren.md) {% endcontent-ref %} #### Responsive Erlebniswelten mit Bootstrap In diesem Tutorial erfährst du, wie du responsive Erlebniswelten mit Bootstrap CSS-Klassen erstellen kannst. {% content-ref url="/pages/egLmJYdf8AjKRmjcyB2J" %} [Responsive Erlebniswelten mit Bootstrap](/wissensdatenbank/anleitungen/erlebniswelten/responsive-erlebniswelten-mit-bootstrap.md) {% endcontent-ref %} Und nun wünschen wir dir viel Spaß beim Stöbern und gut Geschäfte mit ThemeWare®. --- # 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/profiwissen/das-ultimative-profiwissen.md?ask= ``` 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.