Die ThemeWare® Einführung ist eine schriftliche Form des beliebten ThemeWare® Video-Tutorials. Da wir das Video-Tutorial derzeit überarbeiten ist die Einführung noch nicht fertig, aber sie wächst Stück für Stück. Fehlt ein Artikel noch oder ist ein Artikel unvollständige, schaue derweil gerne in das ThemeWare® Video-Tutorial.
Hinweis: Das ThemeWare® Video-Tutorial und die ThemeWare® Einführung werden gerade überarbeitet bzw. geschrieben und stehen dir bald in einer neuen Version zur Verfügung.
ThemeWare® Demoshops
Die ThemeWare® Demoshops präsentieren dir alle ThemeWare® Themes Live und in Farbe.
Gibt es Unterschiede zum frisch installierten Theme?
Technisch bedingt installieren Themes weder Kategorien noch Erlebniswelten. Du kannst beispielsweise das kostenlose Demodaten-Plugin von Shopware nutzen um damit Beispiel-Produkte und -Kategorien zu importieren.
Darüber hinaus erklären wir dir im kostenfreien ThemeWare® Video-Tutorial und Schritt-für-Schritt PDF-Anleitungen wie du Kategorien und die Erlebniswelt der Startseite anlegen kannst.
Konfiguration
Mit ThemeWare® profitierst du von extrem regelmäßigen Updates mit neuen Features und Konfigurationen. Um die vielen ThemeWare® Shops unserer Kunden dabei nicht zu beeinflussen sind neue Funktionen und Features bei der Veröffentlichung natürlich deaktiviert. Du kannst so selber entscheiden ob und wenn ja welches neue Feature du nutzen möchtest.
Da wir neue Features aber dennoch in unseren Demoshops präsentieren möchten, weichen die Demoshops mit der Zeit etwas von der Default-Konfiguration unserer Themes ab. Aber keine Sorge, die Demoshops basieren vollständig auf ThemeWare®, du kannst alles was wir in den Demoshops zeigen auch selber mit wenigen Klicks aktivieren.
Hinweis: Bitte beachte, dass es zwischen der Pro-Edition und der Cloud-Edition, technisch bedingt, natürlich unterschiede gibt. Diese beziehen sich aber komplett auf den Bereich "CMS-Elemente (Erlebniswelten)". Mehr Informationen dazu findest du hier.
Alle Informationen zu unseren Demoshops und zur Konfiguration findest du in folgendem Artikel. Wir empfehlen dir vorab aber erst einmal die Einführung abzuschließen.
In diesem Artikel erfährst du, wie du ThemeWare® testen kannst.
Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Nutze diese Möglichkeit gerne um verschiedene Varianten zu testen bevor du dich final entscheidest. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den bei der Buchung angegebenen Preisen automatisch verlängert.
Tipp: Erwirbst du Erweiterungen für eine Testdomain kannst du über deinen Shopware-Account später die Lizenzen auf die Live-Domain übertragen. Mehr Informationen dazu findest du in der Shopware-Dokumentation.
ThemeWare® testen
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in den "Store" (1) (2) ("Erweiterungen" => "Store")
Wechsel in den Tab "Themes" (3)
Optional: Gebe "ThemeWare" oder z.B. "Modern" in der Suche ein
Klicke nun in der Übersicht auf das gewünschte ThemeWare® Theme
Es öffnet sich nun die Detailseite des ThemeWare® Themes
Klicke auf den Button "Theme hinzufügen" (4)
Es öffnet sich nun ein Pop-up
Hier findest du alle Details zu den Kosten nach Ablauf des Probemonats (5)
Lese und akzeptiere die AGB (6)
Und bestätige die Buchung jetzt mit "Miete jetzt diese Erweiterung" (7)
Du hast ThemeWare® mit einem kostenlosen Probemonat erworben.
Im nächsten Artikel erfährst du, wie du ThemeWare® installieren kannst.
Screenshots
Shopware Store in der Administration
ThemeWare® Modern Pro
ThemeWare® testen
Fertig!
Weiterführende Informationen
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung: ThemeWare® testen
ThemeWare® Video-Tutorial
ThemeWare® installieren
In diesem Artikel erfährst du, wie du ThemeWare® installieren kannst.
Wenn du eine Shopware-Erweiterung über den Shopware Store erworben hast und du deinen Shopware Account in deinem Shop angemeldet hast, kannst du diese ganz einfach über die Erweiterungs-Verwaltung installieren.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")
ThemeWare® aktivieren
In diesem Artikel erfährst du, wie du ThemeWare® aktivieren kannst.
Hast du eine Erweiterung installiert ist diese grundsätzlich "einsatzbereit". Damit die Erweiterung nun auch genutzt werden kann muss sie noch aktiviert werden.
ThemeWare® aktivieren
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")
Wechsel in den Tab "Themes" (3)
Aktiviere ThemeWare® über dem Switch-Button (4) links neben dem ThemeWare® Logo
ThemeWare® wurde nun aktiviert.
Im nächsten Artikel erfährst du, wie du ThemeWare® zuweisen kannst.
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:
ThemeWare® zuweisen
In diesem Artikel erfährst du, wie du ThemeWare® zuweist. Das bedeutet, wie du dafür sorgst, dass du ThemeWare® in deiner Storefront dargestellt wird.
Wichtig ist erstmal zu verstehen, dass die Basis zur Auslieferung eines Themes immer ein Verkaufskanal ist. Dieser Verkaufskanal muss vom Typ "Storefront" sein.
Wenn man einen Verkaufskanal anlegt kann man verschiedene Arten auswählen. Und "Storefront" wäre dann die Art die notwendig ist, damit das Theme "ausgeliefert" wird.
Öffne die Administration deines Shops
ThemeWare® Utilities herunterladen
In diesem Artikel erfährst du, wie du kostenfreien Zugang zu den beliebten ThemeWare® Utilities für dein ThemeWare® Theme erhältst.
Import-Plugin für eine Profi-Erlebniswelt mit Storytelling-Elementen (Self-hosted)
Schritt-für-Schritt Anleitung für eine Profi-Erlebniswelt mit Storytelling-Elementen (Cloud)
Themes kombinieren
In diesem Artikel erfährst du, wie du ThemeWare® Themes kombinieren bearbeitest.
Andere Themes () ansehen
Installiere ein zusätzliches Theme mit kostenlosem Probemonat
Farben konfigurieren
In diesem Artikel erfährst du, wie du die Farben in deinem Shop konfigurierst.
Farben kannst du in verschiedenen Bereichen konfigurieren:
Theme-Konfiguration
Erlebniswelten
Logo konfigurieren
In diesem Artikel zeigen wir dir, wie du dein Shop-Logo konfigurieren kannst.
Das Shop-Logo konfigurierst du über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration.
Beispiel: In unserem Beispiel möchten wir Logo etwas vergrößern.
Öffne die Administration deines Shops
Texte im Theme bearbeiten
Textbausteine - Texte im Theme bearbeiten
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Anmerkung
Findest du einen Text nicht, versuche das Suchwort zu variieren. Es kann sein, dass in manchen Texten Hyperlinks vorkommen, deren HTML-Code dann das Suchwort "stört".
Beispiel: Angenommen du suchst nach einem Textbaustein der USP-Bar und in der Storefront lautet der Text "Exzellenter Support".
Es kann sein, dass du damit den Textbaustein direkt findest, es kann aber auch sein, dass der Textbaustein einen Link enthält: z.B. Exzellenter <a href="...">Support</a>.
Die Suche nach Exzellenter Support würde in diesem Fall nicht zum Ergebnis führen. Suchst du in diesem Fall lediglich nach "Exzellenter", wirst du den Textbaustein finden.
Anleitung:
USP-Bar konfigurieren
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Shopware 6 Icons
Eine Übersicht aller Icons von Shopware 6 findest du über folgenden Link. In der Theme-Konfiguration bzw. in Textbausteinen von ThemeWare® kannst du die Icons aus dem Icon-Set "default" nutzen.
Mit den ThemeWare® bzw. den ThemeWare® Utilities erhältst du alles was du für deine erste Erlebniswelt benötigst:
Du erhältst ein kostenloses Import-Plugin mit welchem du die Erlebniswelt deines Themes mit wenigen Klicks in deinen Shop (Self-hosted) importieren kannst.
Als Shopware Cloud Nutzer erhältst du eine Schritt-für-Schritt-Anleitung im PDF-Format zum erstellen der entsprechenden Erlebniswelt für dein Theme.
Darüber hinaus erhältst du alle benötigten Grafik-Vorlagen im offenen PSD-Format.
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Weiterführende Informationen
Shopseiten bearbeiten und anlegen
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Weiterführende Informationen
Shop-Navigation konfigurieren
...
Service-Navigation konfigurieren
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Weiterführende Informationen
Footer-Navigation konfigurieren
...
Footer konfigurieren
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Weiterführende Informationen
Zahlungs- und Versandanbieter konfigurieren
Info: Dieser Artikel ist in Arbeit. Schaue derweil gerne in das .
...
Weiterführende Informationen
Zahlungs- und Versandanbieter Logos
...
Mehrsprachigkeit mit ThemeWare®
...
Mehr als ein ThemeWare® Theme nutzen
Du kannst durchaus mehr als ein ThemeWare® Theme in deinem Shop nutzen. Auch ist es möglich die Pro-Edition und gleichzeitig die Cloud-Edition zu nutzen.
...
...
Nutzt du mehr als ein ThemeWare® Theme in deinem Shop, gibt es jeden CMS-Block bzw. jedes CMS-Element nur einmal in der Administration auch wenn diese mehrfach angezeigt werden. Die Blöcke bzw. Elemente funktionieren dann solange, bis du das letzte ThemeWare® Theme deaktivierst.
ThemeWare® erwerben
In diesem Artikel erfährst du, wie du ThemeWare® nach Ablauf des kostenlosen Probemonats erwerben kannst.
Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden.
Nach Ablauf des Probemonats wird ThemeWare® zu den bei der Buchung angegebenen Preisen automatisch verlängert.
Weiterführende Informationen
Alle Grafiken im offenen PSD-Format
Logo-Set mit 40 Pagespeed optimierten Grafiken für Versandanbieter
Logo-Set mit 90 Pagespeed optimierten Grafiken für Zahlungsarten
Grafik-Sets mit verschiedenen Vorlagen und SSL-Siegeln
ThemeWare® Customizing Plugin für individuelle Anpassungen (Self-hosted)
ThemeWare® Customizing App für individuelle Anpassungen (Cloud)
Auf der folgenden Seite findest du ein Formular über welches du die Tools kostenlos anfordern kannst. Diese werden dir sofort per E-Mail zugeschickt und unterstützen dich bei der Gestaltung deines Shops.
Wähle deine Shopware Version aus
Wähle dein ThemeWare® Theme aus
Gib deine E-Mail-Adresse ein
Wähle aus ob du als Shopbetreiber oder Agentur (Freelancer) für einen Kunden tätig bist
Lese und bestätige die Datenschutzerklärung
Klicke auf den Button "Jetzt kostenfrei registrieren"
Du hast Dich nun erfolgreich registriert und erhältst eine E-Mail mit allen Informationen, Download-Links und mehr.
ThemeWare® Utilities: Hilfreiche Tools und Extras für die Gestaltung deines Shops
Hinweis: Zusätzlich profitierst du von unserem neuen Update-Newsletter und erfährst so alles über Updates, Änderungen und neue Funktionen von ThemeWare®.
ThemeWare® Utilities anfordern
Tipp: Prüfe Deinen Spam-Ordner, wenn du die E-Mail nicht zeitnah erhalten hast und fordere die Utilities im Zweifelsfall erneut an.
Hinweis: Die ThemeWare® Utilities werden von Zeit zu Zeit aktualisiert. Fehlt dir ein Link, führe die Registrierung einfach noch einmal durch um die ThemeWare® Utilities E-Mail noch einmal zu erhalten.
Weiterführende Informationen
ThemeWare® Video-Tutorial
jegliche HTML-Elemente (Inline-Styles)
Shopware Core (sehr wenige, nicht für die Gestaltung relevant)
Nachfolgend zeigen wir dir wie du die Hauptfarben in der Theme-Konfiguration an deine Wünsche anpassen kannst, stellen dir das Farbkonfigurationsfeld vor und zeigen dir mögliche Konfigurationswerte.
Wahrscheinlich möchtest du als erstes die Primärfarbe an dein Corporate-Design anpassen.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Layout" (3)
Öffne den Bereich "Hauptfarben" (4)
Als "Primärfarbe" (5) wählen wir den Wert #0e8ed3
Im Feld Primärfarbe (hell) wählen wir die Nuance #6ac5f5
Als Primärfarbe (dunkel) wählen wir #0c7ebb
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun erfolgreich die Primärfarbe geändert.
ThemeWare® Hauptfarben
TemeWare® Strong - Orange
ThemeWare® Strong - Blau
Grundwissen: Mehr Informationen zum Thema "Farbkonfiguration" findest du im Artikel Farbkonfiguration.
Beispiel
Screenshots
Hinweis: Die Farbe vom Logo oder Design-Elementen in Bannern der Erlebniswelt ändert sich dadurch nicht. Dies sind Grafiken die nicht vom Browser umgefärbt werden können. Du kannst aber alle Grafiken im PSD-Format über die ThemeWare® Utilities herunterladen und diese beliebig anpassen.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Wechsel über die Hauptnavigation in den Verkaufskanal deiner Storefront im Bereich "Verkaufskanäle" (1)
Wechsel in den Tab "Theme" (2)
Klicke nun im Bereich "Theme-Zuweisung" auf den Button "Theme ändern" (3)
Wähle ThemeWare® im Pop-up "Theme auswählen" aus (4) und klicke auf den Button "Theme ändern" (5)
Klicke nun oben noch einmal auf "Speichern" damit das Theme zugewiesen und kompiliert wird (6)
ThemeWare® wurde nun deiner Storefront zugewiesen.
ThemeWare® zuweisen
Pop-up "Theme auswählen"
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung: ThemeWare® zuweisen
Verkaufskanal anlegen
Tipp: Du brauchst keinen Verkaufskanal vom Typ "Storefront" anlegen wenn du bereits einen entsprechenden Verkaufskanal hast.
Bei der Standard-Installation erstellt Shopware i.d.R. einen passenden Verkaufskanal der mit dem bei der Installation gewählten Shopnamen betitelt ist.
ThemeWare® zuweisen
Screenshots
Weiterführende Informationen
ThemeWare® Video-Tutorial
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Header" (3)
Öffne den Bereich "Logo" (4)
Hier wählst du im Abschnitt "Basiskonfiguration" im Konfigurationsfeld "Logoart" (5) die Option "Bild-Logo" aus
Im Abschnitt "Logo" (6) kannst du beispielsweise die "Breite", die "Höhe", den "Abstand nach oben" oder den Hover-Effekt des Shop-Logos konfigurieren
Wir ändern die "Breite" auf 240
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun dein Shop-Logo konfiguriert.
Logo-Konfiguration in ThemeWare®
Beispiel
Im Bereich "Sticky Top-Navigation" findest du im Abschnitt "Logo" die Konfiguration für das Logo der Sticky Top-Navigation.
TODO: Custom-Header
Logo-Konfiguration für die Sticky Top-Navigation von ThemeWare®
Das Logo für den "Erlebniswelt-Header" hat keine gesonderte Konfiguration. Es ersetzt lediglich das eigentliche Logo auf Seiten welche den Erlebniswelt-Header nutzen.
TODO: ...
Grundwissen: Mehr Informationen zum Thema "Shop-Logo" findest du im Artikel Shop-Logo
Hinweis: Mit der Shopware 6.5 wurde ein HTML Sanitzer implementiert. Dieser Sanitizer verbessert Sicherheit, Zuverlässigkeit und Benutzerfreundlichkeit des Editors, indem unsicherer HTML-Code entfernt wird.
Er säubert auch Styles und Attribute für konsistente und korrekte Darstellung des Codes unabhängig von Plattform und Browser. (siehe HTML Sanitizer)
In diesem Artikel geht es um Typografie, dass heißt, wir zeigen dir, wie du Schriftarten in deinem Shop konfigurieren kannst.
Beispiel
Schriften bzw. Fonts konfigurierst du über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration.
Beispiel: In unserem Beispiel ändern wir die Schriftart für Überschriften auf die Schrift "Helvetica".
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Layout" (3)
Öffne den Bereich "Typografie" (4)
Ändere im Abschnitt "Headlines" die Schriftart auf 'Helvetica', sans-serif
Scrolle zum Abschnitt "Strichstärke"
Diese ist in unserem Beispiel auf Light: 400, Normal: 400 und Bold: 600 konfiguriert.
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun die Schrift für die Headlines in deiner Storefront geändert.
Konfiguriere immer zuerst die Schriftart und erst dann die Schriftgröße und die Strichstärke.
Schriften sind sehr individuell und je nach Schriftart wirkt sich die Größe bzw. die Strichstärke unterschiedlich aus.
Es gibt paar Bereiche in der Theme-Konfiguration (z.B. die "Top-Navigation" im Tab "Header" oder in den ThemeWare® CMS-Elementen) wo du auswählen kannst ob du die konfigurierte Schrift für "Text" oder für "Überschriften" verwenden möchtest.
Grundwissen: Mehr Informationen zum Thema "Schriftkonfiguration" findest du im Artikel
ThemeWare® bearbeiten
In diesem Artikel erfährst du, wie du ThemeWare® bearbeitest, also wie du ThemeWare® konfigurierst.
Themes bzw. ThemeWare® kannst über die Theme-Verwaltung bearbeiten. Es gibt zwei Wege dorthin:
Der erste Weg ist, dass du auf "Inhalte" und dann auf "Themes" klickst. (Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.)
Dann siehst du alle installierten Themes. Dort klickst du das jeweilige Theme bzw. ThemeWare® einfach an und gelangst so in die Theme-Konfiguration und kannst das Theme bearbeiten.
Der andere Weg ist, dass du deinen Verkaufskanal wählst. Dann klickst du auf den Reiter "Theme" und dort klickst du auf "Theme bearbeiten". Damit landest du direkt in der Theme-Konfiguration und kannst das Theme bearbeiten.
Beispiel: Das Erste was einem in der Storefront auffällt ist die USP-Bar. In diesem Beispiel bearbeiten wir nun einmal die Hintergrundfarbe der USP-Bar.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Du hast nun die Hintergrundfarbe der USP-Bar geändert.
Nachher
Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:
Text-Logo konfigurieren
Möchtest du ein reines Text-Logo nutzen bietet dir ThemeWare® natürlich auch dafür eine komfortable Möglichkeit.
Beispiel
Das Text-Logo kannst du über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration konfigurieren.
Beispiel: In unserem Beispiel aktivieren wir das Text-Logo in der ThemeWare® Konfiguration.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Header" (3)
Öffne den Bereich "Logo" (4)
Hier wählst du im Abschnitt "Basiskonfiguration" im Konfigurationsfeld "Logoart" (5) die Option "Text-Logo" aus
Im Abschnitt "Text-Logo" (6) kannst du beispielsweise den "Logo-Text", die "Schriftart", die "Schriftgröße" oder die "Textfarbe" des Text-Logos konfigurieren
Wir ändern die "Textfarbe" auf #0c7ebb
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun das Text-Logo konfiguriert.
Ü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.
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. (
Logo einbinden
In diesem Artikel zeigen wir dir, wie du dein Logo in deinen Online-Shop einbinden kannst, was du dabei beachten solltest und welche Optimierungsmöglichkeiten du dabei hast.
Wir gehen in diesem Artikel davon aus, dass du bereits ein Logo für deinen Shop hast oder einfach unsere PSD-Vorlage nutzt.
Neben den Hauptfarben und der Schrift ist das Logo eins der Shop-Elemente welches essentiell für dein Branding bzw. Corporate-Design ist.
Über die ThemeWare Utilities erhältst du für dein Theme eine passende Logo-Vorlage im PSD-Format die du nutzen kannst.
Das Shop-Logo bindest du am einfachsten direkt über die ThemeWare® Konfiguration im Shopware 6 Theme-Manager deiner Administration ein.
Wähle die in Deiner gewünschten Schriftart verfügbaren Strichstärken aus.
Tipp: Es ist sinnvoll für den Text eine möglichst klar lesbare, schlichte Schriftart zu verwenden. Wenn du einen schnörkeligeren Font nutzen möchtest, dann maximal in der Überschrift.
Schriftkonfiguration für Shop-Elemente
Weiterführende Informationen
ThemeWare® Video-Tutorial
Die USP-Bar ist eine Erweiterung, daher wechseln wir in den Tab "Erweiterungen" (3)
Scrolle ein Stück nach unten und öffne den Bereich "USP-Bar" (4)
Scrolle noch ein Stück nach unten zum Abschnitt "Farbkonfiguration"
Mit einem Klick auf den Button links neben dem Eingabefeld "Hintergrundfarbe (Header)" (5) öffnet sich die "Farbauswahl" (6)
Wir wählen die Farbe #e2f4fd
Speicher die Theme-Konfiguration (7)
Wechsel in die Storefront und lade die Seite einmal neu
Tipp: Wenn Sie mal eine Änderung in der Storefront auswirkt, aktualisiere die Storefront bitte einmal mit der folgenden Anleitung: Storefront aktualisieren
Hinweis: Für mehr Informationen zur USP-Bar gibt es später noch ein separaten Artikel.
Screenshots
Weiterführende Informationen
ThemeWare® Video-Tutorial
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 Storefromt in Form der wichtigsten Bereiche – wie beispielsweise "Header", "Footer", "Inhalt", "Erlebniswelten" usw.
Die nächste Ebene sind die Accordions (2). Dies sind aufklappbare Abschnitte (Blöcke) welche die Konfiguration in bestimmte Elemente – wie beispielsweise das "Logo", die "Top-Navigation", den "Cookie-Hinweis" usw. – gruppieren.
Innerhalb dieser Abschnitte findest du nochmal eine Gruppierung für Konfigurationsfelder in Bereiche (Sektionen) (3) wie beispielsweise die "Basiskonfiguration", die "Farbkonfiguration", die "Bildkonfiguration", die "Schriftkonfiguration" usw.
Innerhalb dieser Bereiche findest du dann die eigentlichen Konfigurationsfelder (4).
ThemeWare® Theme-Konfiguration
Grundsätzlich ist die ThemeWare® Konfiguration mit Tabs in die wichtigsten Bereiche 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®.
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 das entsprechenden Accordion wieder geöffnet.
Nimm bei der Konfiguration eher kleine bzw. wenige Änderungen auf einmal vor. Speicher dann und sieh dir die Auswirkung in der Storefront an.
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.
Theme-Übersicht in Shopware 6 Self-hosted
Theme-Übersicht in der Shopware 6 Cloud
Screenshots
Theme-Konfiguration
Screenshots
Tipp: Viele Konfigurationsfelder haben Hilfe-Texte . 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.
Tabs im Überblick
Konfiguration speichern
Tipps zur Konfiguration
Tipp: Mit vielen kleinen Schritten kommst du erfahrungsgemäß schneller ans Ziel.
Weiterführende Informationen
Beispiel: In unserem Beispiel binden wir das ThemeWare® Logo in unseren Shop ein.
Öffne die Administration deines Shops
Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")
Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.
Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen
Wechsel in den Tab "Layout" (3)
Öffne den Bereich "Bilder" (4)
Klicke auf den Button (5) um das aktuelle "Logo @Desktop" zu entfernen
Logo hochladen oder öffnen
Über den Button "Dateien hochladen" (6) kannst du nun dein Logo hochladen und einbinden
Über den Button "Medien öffnen" (7) kannst du ein bereits hochgeladenes Bild auswählen und per Drag-and-Drop (8) in das Media-Feld ziehen
Wiederhole die Schritte 6 und 7 für alle Logos die du austauschen möchtest
Speicher die Theme-Konfiguration
Wechsel in die Storefront und lade die Seite einmal neu
Du hast nun das Shop-Logo erfolgreich ausgetauscht.
Bild-Konfiguration in ThemeWare®
Dateien hochladen
Medien öffnen
Beispiel
Grundwissen: Mehr Informationen zum Thema "Shop-Logo" findest du im Artikel Shop-Logo
Beispiel
Screenshots
Tipp: Orientiert dich einfach an unseren PSD-Dateien in unserem Bildvorlagen-Downloadpaket welches du über die erhältst.
Weiterführende Informationen
ThemeWare® Video-Tutorial
Text-Logo-Konfiguration in ThemeWare®
Screenshots
Weiterführende Informationen
ThemeWare® Video-Tutorial
Updates und Neuigkeiten
Eine der größten Vorteile von ThemeWare® ist die stätig Weiterentwicklung. Du erhältst so regelmäßig neue Funktionen, verkaufsfördernde Features, Aktualisierungen, Verbesserungen und natürlich auch Fixes.
Tipp: Schaue regelmäßig auf die Seite "" in unserem Service Portal um über Neuigkeiten bzw. bevorstehende Änderungen informiert zu sein!
Auf welche Änderungen du dich in welchem Release freuen kannst, erfährst du auf diversen Wegen:
Der ThemeWare® Newsletter
Der ThemeWare® Update-Newsletter ist Bestandteil der ThemeWare® Utilities. So verpasst du keine Neuigkeiten mehr!
Der ThemeWare® Changelog
Den ThemeWare® Changelog findest du zum einen auf der Shopware Store-Seite deines Themes im Tab "Änderungen":
Und zum anderen im Bereich "Changelogs" im ThemeWare® Service Portal:
Bei Fragen oder Problemen steht dir rund um die Uhr unser beliebtes ThemeWare® Service Portal zur Verfügung. Dort findest du alle Links zu ThemeWare®, nützliche Tools, Antworten auf die häufigsten Fragen, Lösungen für jedes bekannte Problem sowie Neuigkeiten rund um ThemeWare® und Shopware 6.
Das Service Portal ist daher immer die erste Anlaufstelle bei allen Anliegen rund um ThemeWare®:
ThemeWare® Support
Die meisten Fragen haben wir dank tausender Tickets bereits beantwortet, die meisten Fehler sind längst bekannt und gelöst. Damit alle Kunden von diesem Wissen profitieren können, haben wir unser Wissen in der ThemeWare® Wissensdatenbank, im ThemeWare® Handbuch und im ThemeWare® Video-Tutorial dokumentiert.
Zusätzlich findest Du in der Shopware Dokumentation nahezu alle Informationen zu Shopware 6.
So kannst Du fast alle Fragen und Probleme einfach selber lösen ohne auf unsere Antwort zu warten müssen.
Falls du dennoch Unterstützung benötigst, kannst du über das ThemeWare® Service Portal ein Ticket eröffnen um schnelle Hilfe zu erhalten.
Schaue in die
Schaue bei Problemen/Fehlern in den
Schaue in die ThemeWare® Dokumentation
Wir beantworten alle Tickets in kürzester Zeit. Wenn du nicht innerhalb von 24 Stunden eine Antwort erhältst gab es daher wahrscheinlich ein technisches Problem bei deiner Anfrage. Versuche es einfach erneut.
Benötigst du eine Aufwands-/Kosteneinschätzung von unseren ThemeWare® Experten für ein individuelles Shopware Design, Landingpage Designs, individuelle Anpassungen oder andere Shopware-Services, nutze in jedem Fall das ThemeWare® Service Portal:
Du hast eine Idee für eine bislang fehlende Funktion, von der auch viele andere Shopbetreiber profitieren würden? Du bist mit ThemeWare® oder einem Service unzufrieden? Du hast Wünsche oder Feedback zu Artikeln oder Videos? Dann lasse es uns wissen!
Wir freuen uns immer über Vorschläge und Hinweise, um unsere Produkte noch weiter zu verbessern.
Jedes Feedback wird von unseren Entwicklern geprüft und beantwortet. Wir informieren Dich auch gerne sobald Dein Feedback Einzug in ThemeWare® gefunden hat.
