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.

pageFeldtypen in der Theme-Konfiguration

ThemeWare® Version ermitteln

Mit dieser Anleitung findest du heraus, welche ThemeWare® Version von deinem Kunden in Shopware 6 einsetzt wird.

pageThemeWare® Version ermitteln

ThemeWare® installieren

In diesem Artikel erfährst du, wie du das Theme aktualisieren kannst.

pageThemeWare® installierenpageThemeWare® manuell installieren

ThemeWare® Update durchführen

In diesem Artikel erfährst du, wie du das Theme aktualisieren kannst.

pageThemeWare® updatenpageThemeWare® manuell updaten

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.

pageThemeWare® in der Datenbank

Datenbank mit dem Adminer bearbeiten

Wir empfehlen für einen einfachen Zugriff auf die Datenbank die kostenlose Erweiterung "Adminer für das Admin".

pageDatenbank mit dem Adminer bearbeiten

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.

pageThemeWare® Konfiguration exportieren und importierenpageThemeWare® Konfiguration sichern und wiederherstellen

Theme-Konfiguration zurücksetzen

Wie du ein Theme in seinen Originalzustand zurücksetzt, erfährst du in diesem Artikel.

pageThemeWare® Konfiguration zurücksetzen

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.

pageThemes kombinieren

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.

pageTheme-Variablen in der Konfiguration verwenden

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.

pageSCSS-Funktionen in der Konfiguration verwenden

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.

pageThemeWare® CSS-Klassen für Erlebniswelten

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.

pageErlebniswelt-Header konfigurieren

Kategorie-Erlebniswelten der Demoshops nachbauen

In diesem Artikel erfährst du, wie du die Kategorie-Erlebniswelten aus unseren Shopware 6 Demoshops nachbauen kannst.

pageKategorie-Erlebniswelten der Demoshops nachbauen

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.

pageWelche Bildgrößen sollte ich mit ThemeWare® nutzen?

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.

pageIndividuelle Anpassungen mittels CSS

Individuelle Anpassungen mittels SCSS

Wie du visuelle Anpassungen mittels SCSS vornehmen kannst, erfährst du in diesem Artikel.

pageIndividuelle Anpassungen mittels SCSS

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.

pageIndividuelle Template-Anpassungen (Twig, HTML)

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.

pageFonts lokal einbindenpageFonts mit dem ThemeWare® Customizing Plugin lokal einbinden

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.

pageErlebniswelten mit Bootstrap CSS-Klassen optimierenpageErlebniswelten mit Bootstrap HTML-Elementen optimieren

Responsive Erlebniswelten mit Bootstrap

In diesem Tutorial erfährst du, wie du responsive Erlebniswelten mit Bootstrap CSS-Klassen erstellen kannst.

pageResponsive Erlebniswelten mit Bootstrap

Und nun wünschen wir dir viel Spaß beim Stöbern und gut Geschäfte mit ThemeWare®.