1. Wo du Shopware-Themes findest
Jede Shopware-6-Installation hat ein Standard-Theme, das auch die Grundlage für eigene Themes ist. Fertige Themes anderer Anbieter findest du im Shopware Store in der Kategorie Themes. Gekaufte Themes landen in deinem Shopware-Account, von dort kommen sie in den Shop.
Statt ein fertiges Theme zu kaufen, kann eine Agentur ein eigenes Theme auf Basis des Standard-Themes bauen. Für kleine Änderungen wie Farben und Logo reicht meist die Theme-Konfiguration in der Administration, siehe Abschnitt 4.
2. Theme installieren
In einem selbst gehosteten Shop verwaltest du Erweiterungen unter Erweiterungen > Meine Erweiterungen. Der Bereich Theme zeigt die Themes, die im Shop und in deinem Shopware-Account vorhanden sind. Damit gekaufte Themes dort erscheinen, verknüpfst du den Shop im Bereich Shopware Account mit deinem Account. Liegt ein Theme als ZIP-Datei vor, lädst du es über Erweiterung hochladen hoch.
Nach dem Hochladen oder Kauf ist eine Erweiterung laut Doku noch nicht installiert. Du installierst sie über den Button in der Übersicht und aktivierst sie danach, denn nach der Installation ist sie zunächst deaktiviert. Für Shopware-SaaS-Umgebungen gilt dieser Ablauf laut Shopware nicht.
- Erweiterungen > Meine Erweiterungen öffnen.
- Unter Shopware Account den Shop mit deinem Account verknüpfen oder das Theme als ZIP hochladen.
- Im Bereich Theme das Theme installieren und aktivieren.
3. Theme einem Verkaufskanal zuweisen
Ein installiertes Theme wirkt erst, wenn es einem Verkaufskanal zugeordnet ist. Öffne dazu den Verkaufskanal und dort den Reiter Themes. Über das Vorschaubild oder Theme ändern wählst du eines der installierten Themes aus. Jeder Verkaufskanal kann so ein eigenes Theme haben, etwa ein anderes Design für einen zweiten Shop.
Unter Inhalte > Themes siehst du alle Themes der Installation. Ein grauer Punkt unter dem Vorschaubild bedeutet, dass das Theme noch keinem Verkaufskanal zugeordnet ist, ein grüner Punkt, dass es verwendet wird.
4. Farben, Schriften und Logos einstellen
In der Theme-Konfiguration unter Inhalte > Themes stellst du ohne Code ein, wie der Shop aussieht. Die Doku nennt diese Bereiche: Theme-Farben (Primärfarbe, Hintergrund, Rahmen), Farben der Statusmeldungen, Typografie (Schriftart und Textfarbe), E-Commerce (Kaufen-Button und Preisanzeige) und Medien (Logos, Favicon, App- und Share-Icon).
Für Logos gibt es drei Größen: Bei einem Viewport über 991 px zeigt Shopware das Desktop-Logo, zwischen 767 und 991 px das Tablet-Logo und darunter das Mobil-Logo. Lade alle drei hoch, sonst wirkt der Kopf auf dem Handy schnell zu groß oder zu klein.
- Primärfarbe und Hintergrund unter Theme-Farben setzen.
- Schriftart und Textfarbe unter Typografie wählen.
- Kaufen-Button und Preis unter E-Commerce anpassen.
- Desktop-, Tablet- und Mobil-Logo sowie Favicon unter Medien hochladen.
5. Sicher anpassen: Theme duplizieren
Willst du ein Theme verändern, ohne das Original anzufassen, erstellst du über das Kontextmenü ein Duplikat. Das Duplikat erbt die Konfiguration des Originals. Über das Vererbungssymbol schaltest du die Vererbung für einzelne Einstellungen ab und änderst nur diese. Laut Doku lassen sich nur Themes duplizieren, die nicht schon von einem anderen Theme als dem Standard-Theme erben, sonst fehlt der Menüpunkt.
So kannst du ein neues Design an einem zweiten Verkaufskanal oder in einer Testumgebung prüfen und erst danach dem Live-Kanal zuweisen.
6. Checkliste vor dem Kauf eines Themes
Ein Theme wechselt man nicht jeden Monat. Prüfe deshalb vor dem Kauf, ob es zu deinem Shop passt, und teste es mit deinen echten Produkten statt nur mit den Demodaten des Anbieters.
- Passt das Theme zu deiner Shopware-Version? Die Angabe steht auf der Store-Seite.
- Wie sehen Listing, Filter und Produktseite mit deinen Produkten aus, auch mit langen Namen und vielen Varianten?
- Wie verhält sich das Suchfeld auf dem Handy: gut sichtbar, mit Vorschlägen beim Tippen?
- Welche Elemente für Erlebniswelten bringt es mit, und brauchst du sie?
- Wie schnell lädt die Demo auf dem Handy?
- Wer pflegt das Theme bei Shopware-Updates, und was kostet das?
7. Suche und Theme
Ein Theme bestimmt vor allem, wie Suchfeld und Ergebnisse aussehen. Welche Produkte die Standardsuche bei Tippfehlern, Wortteilen oder Artikelnummern findet, stellst du unter Einstellungen > Allgemein > Suche ein.
Reicht die Standardsuche nicht, kannst du eine externe Suche einbinden. Grumeria liest deine Produkte über den Produktfeed aus dem Produktvergleich, und das kostenlose Plugin Grumeria Suche bindet das Such-Widget ein. Code im Theme brauchst du dafür nicht. Die Tarife beginnen bei 29 € netto im Monat, die ersten 14 Tage sind kostenlos.
Häufige Fragen
Wo finde ich Themes für Shopware 6?
Im Shopware Store unter Themes. Jede Installation bringt außerdem das Standard-Theme mit, auf dem auch eigene Themes von Agenturen aufbauen.
Wie installiere ich ein Shopware-Theme?
Im selbst gehosteten Shop unter Erweiterungen > Meine Erweiterungen: Shop mit dem Shopware-Account verknüpfen oder das Theme als ZIP hochladen, dann im Bereich Theme installieren und aktivieren. Danach weist du es im Verkaufskanal unter dem Reiter Themes zu.
Wie ändere ich Farben und Logo in Shopware 6?
In der Theme-Konfiguration unter Inhalte > Themes. Dort gibt es Bereiche für Theme-Farben, Statusmeldungen, Typografie, E-Commerce (Kaufen-Button, Preis) und Medien mit Desktop-, Tablet- und Mobil-Logo sowie Favicon.
Kann jeder Verkaufskanal ein eigenes Theme haben?
Ja. Das Theme weist du pro Verkaufskanal im Reiter Themes zu. So kann ein zweiter Shop ein anderes Design bekommen oder ein neues Theme zuerst an einem Testkanal geprüft werden.