Alle Seiten
Bereitgestellt von GitBook
1 von 1

Loading...

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.

Feldtypen in der Theme-Konfiguration

ThemeWare® Version ermitteln

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

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

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

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.

In diesem Artikel erklären wir dir, wo die Theme-Konfiguration in Shopware 6 gespeichert wird.

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

Ü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.

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

Nachfolgend findest du Artikel, welche dir zeigen, wie du mit ThemeWare® schnell und einfach einen professionell gestalteten Shop realisieren kannst.

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.

In diesem Artikel zeigen wir dir, wie du mit Theme-Variablen das Farbbild der Storefront vereinheitlichst und schneller an deine Wünsche anpassen kannst.

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.

In diesem Artikel findest du eine Übersicht aller zusätzlichen CSS-Klassen, die wir mit ThemeWare® für Erlebniswelten bereitstellen.

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.

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

In unseren beliebten Utilities sind unter anderem alle Theme-Grafiken im PSD-Format für dich enthalten.

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.

Du hast mit ThemeWare® verschiedene Möglichkeiten, um eigenes CSS-Styling zu deinem Shop hinzuzufügen. Mehr dazu findest du in diesem Artikel.

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

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.

Wie du eigene Fonts oder einen Google Font lokal in einen Shopware 6 Shop (Self-hosted) einbinden kannst, erfährst du in diesem Artikel.

Last but not least zeigen wir dir, wie du mithilfe des Shopware 6 zugrundeliegenden Bootstrap-Frameworks noch mehr Möglichkeiten zur Individualisierung hast.

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.

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

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

ThemeWare® Version ermitteln
ThemeWare® installieren
ThemeWare® manuell installieren
ThemeWare® updaten
ThemeWare® manuell updaten
ThemeWare® in der Datenbank
Datenbank mit dem Adminer bearbeiten
ThemeWare® Konfiguration exportieren und importieren
ThemeWare® Konfiguration sichern und wiederherstellen
ThemeWare® Konfiguration zurücksetzen
Themes kombinieren
Theme-Variablen in der Konfiguration verwenden
SCSS-Funktionen in der Konfiguration verwenden
ThemeWare® CSS-Klassen für Erlebniswelten
Erlebniswelt-Header konfigurieren
Kategorie-Erlebniswelten der Demoshops nachbauen
Welche Bildgrößen sollte ich mit ThemeWare® nutzen?
Individuelle Anpassungen mittels CSS
Individuelle Anpassungen mittels SCSS
Individuelle Template-Anpassungen (Twig, HTML)
Fonts lokal einbinden
Fonts mit dem ThemeWare® Customizing Plugin lokal einbinden
Erlebniswelten mit Bootstrap CSS-Klassen optimieren
Erlebniswelten mit Bootstrap HTML-Elementen optimieren
Responsive Erlebniswelten mit Bootstrap

ThemeWare® installieren

ThemeWare® Update durchführen

2. Hintergrundwissen zur Konfiguration

ThemeWare® in der Datenbank

Datenbank mit dem Adminer bearbeiten

Theme-Konfiguration exportieren/importieren bzw. sichern/wiederherstellen

Theme-Konfiguration zurücksetzen

3. Individuelle Themes gestalten

Themes / Vorlagen kombinieren

Theme-Variablen in der Konfiguration verwenden

SCSS-Funktionen in der Konfiguration verwenden

ThemeWare® CSS-Klassen für Erlebniswelten

Erlebniswelt-Header konfigurieren

Kategorie-Erlebniswelten der Demoshops nachbauen

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

4. Individuelle Anpassungen vornehmen

Individuelle Anpassungen mittels CSS

Individuelle Anpassungen mittels SCSS

Individuelle Template-Anpassungen (Twig, HTML, SCSS)

Google Fonts oder eigene Fonts DSGVO-konform lokal einbinden

5. Mit Bootstrap richtig durchstarten

Erlebniswelten mit Bootstrap HTML- und CSS-Klassen optimieren

Responsive Erlebniswelten mit Bootstrap