Erste Schritte
Dokumentation der Themes ATMOS | STRATUS | GRAVITY | SPHERE | HORIZON
Herzlichen GlΓΌckwunsch! Du hast dich fΓΌr eines unserer Themes entschieden und damit fΓΌr eines der vielseitigsten und leistungsstΓ€rksten Themes fΓΌr Shopware 6! Wir freuen uns riesig, Dich als Teil der Shopware Community begrΓΌΓen zu dΓΌrfen!
Unser Theme besticht durch echte Premium-Funktionen, die weit ΓΌber einfache Anpassungen hinausgehen. Mit einer umfangreichen, aber dennoch benutzerfreundlichen Theme-Konfiguration, gestaltest Du mit nur wenigen Klicks Dein individuelles Shop-Layout.
ZusΓ€tzlich lΓ€sst sich unser Theme durch Drittanbieter-Plugins erweitern und profitiert von einer kontinuierlichen Weiterentwicklung. So bleibst Du immer auf dem neuesten Stand und kannst Deinen Shop stetig verbessern.
Aber das weiΓt Du sicherlich schon, sonst wΓ€rst Du nicht bis hierher zur Dokumentation gekommen. Also, lass uns direkt durchstarten!
Damit Du gleich loslegen kannst, haben wir eine Schritt-fΓΌr-Schritt-Anleitung fΓΌr die grundlegenden ersten Schritte vorbereitet. Deine Erfolgsgeschichte mit Shopware 6 beginnt jetzt!
Los geht's
Unsere Themes basieren auf dem selben Core. Die vielseitigen Darstellungen entstehen alleinig durch die unzΓ€hligen KonfigurationsmΓΆglichkeiten des Themes. Bei der Auswahl des Themes kannst Du daher einfach das Theme wΓ€hlen, welches Deinen Vorstellungen bereits am besten entspricht.
Dabei kannst Du dich nicht nur fΓΌr eine der AusprΓ€gungen (Atmos, Stratus, Gravity, Sphere, Horizon) entscheiden - wir bieten zu unseren Themes eine Auswahl verschiedene vorkonfigurierter Designs aus denen Du wΓ€hlen und zusΓ€tzlich installieren kannst. Mehr dazu weiter unten.
Schritt 1 - Installation
Nachdem Du das Theme aus dem Store erworben hast, erscheint das Theme im Bereich Einstellungen > Meine Erweiterungen im Tab: Themes. Γber den Link App installieren (1) des Eintrages kannst Du das Theme installieren und ΓΌber den Toggle Schalter (2) aktivieren.

Schritt 2 - Vorlage auswΓ€hlen (optional)
Bevor Du mit der Zuweisung und Konfiguration des Themes beginnst, solltest Du dir ΓΌber zwei Dinge klar werden:
MΓΆchte ich in Zukunft individuelle Programmierungen vornehmen (lassen)?
Gibt es eine Demo, die ich als Vorlage nutzen mΓΆchte?
Sobald Du eine dieser Fragen mit "Ja" beantworten kannst, empfehlen wir Dir eine unserer vorkonfigurierten Vorlagen zu nutzen.
Wir bieten zu all unseren Demos installierbare Konfigurations-Vorlagen an. Darin findest Du nicht nur die vorgefertigte Konfiguration nach Vorlage der Demo - die Vorlage ermΓΆglicht es Dir oder einer Agentur kΓΌnftig auch Sonderprogrammierungen als updatesichere VerΓ€nderungen durchzufΓΌhren.
Vorlage via Plugin importieren
ab Theme Version 4.4.0 | nur Pro Version
Ab Theme Version 4.4.0 hast Du die MΓΆglichkeit, Dir ΓΌber unser kostenfreies Child-Theme-Generator Plugin ein personalisiertes Child-Theme zu generieren und anschlieΓend die gewΓΌnschte Demo-Vorlage zu importieren.

Navigiere nach der Installation der Erweiterung zu Inhalte > Themes. Im KontextmenΓΌ des gewΓ€hlten Themes kannst Du Dein personalisiertes Child-Theme generieren.
Vorlage manuell herunterladen
alle Pro und Cloud Versionen
Solltest Du die Vorlage nicht ΓΌber unser Plugin importieren kΓΆnnen, lade die gewΓΌnschte Vorlage als Zip-Datei auf unserer Webseite kostenlos herunter.

Navigiere dazu in den Bereich Demos (1) und filtere (2) auf den Namen des Themes, welches Du gekauft hast. Γber den Vorlage Download (3) Link kannst Du die Zip-Datei herunterladen.
Bitte beachte, dass die in den Demos gezeigten Bilder und Demodaten aus urheberrechtlichen GrΓΌnden nicht Bestandteil des Themes und der Vorlagen sind.
Vorlage installieren
Die heruntergeladene/generierte Vorlage kannst Du in der Administration des Shops unter Erweiterungen > Meine Erweiterungen > Erweiterung hochladen (1) hochladen.

Die Installation der Vorlage funktioniert auf die Selbe Weise wie beim gekauften Theme durch Klicken auf den App installieren (2) Link und dem Aktivieren durch den Toggle-Button (3).
Achte darauf, dass das Haupt-Theme (4) installiert und aktiv ist. Vorlage und Haupt-Theme mΓΌssen den selben Namen haben.
Solltest Du das Child-Theme ΓΌber unser Child-Theme-Generator Plugin generiert haben, kannst Du bei Bedarf unter Inhalte > Themes und einem Klick auf Dein generiertes Theme die gewΓΌnschte Vorlage ΓΌber den Button βVorlage auswΓ€hlenβ importieren. Klicke dazu in der Theme-Konfiguration auf den erwΓ€hnten Button (1), wΓ€hle im PopUp die gewΓΌnschte Vorlage (2) und klicke auf Importieren (3) oder Importieren und Speichern (4).

Schritt 3 - Theme-Zuweisung
In den Einstellungen des Verkaufskanals im Tab Theme (1) kannst Du das Theme Deines Verkaufskanals Γ€ndern.

Klicke hierzu auf den Button Theme Γ€ndern (2) und wΓ€hle im sich ΓΆffnenden Fenster das installierte Theme aus. Bei der Verwendung einer vorkonfigurierten Vorlage wΓ€hle bitte die Vorlage aus, welche Du nutzen mΓΆchtest.
Schritt 4 - Styling (Theme Konfiguration)
Der Styling-Bereich umfasst alle gestaltungsrelevanten Einstellungen. Du erreichst diesen entweder ΓΌber das theme-eigene Dashboard (Inhalte > Theme [Variante] > Tab: Styling > zugewiesenen Verkaufskanal auswΓ€hlen) oder ΓΌber den Bereich der VerkaufskanΓ€le (Verkaufskanal > Tab: Theme > Button: Theme bearbeiten).


GrundsΓ€tzlich solltest Du nicht direkt alles auf einmal verΓ€ndern. Arbeite in kleinen Schritten und schaue Dir das Ergebnis in der Storefront an. Beginne einfach mit dem hervorgehobenen Styling Bereich im ersten Tab der Einstellungen - den Grundeinstellungen. Hier findest Du die "globalsten" Einstellungen.
Manchmal kommt es vor, dass auf Grund einer gewΓ€hlten Einstellung sich andere Bereiche ebenfalls verΓ€ndern. Das tun wir, um das Gesamtbild des Shops fΓΌr Dich zu optimieren.
Wir wollen nicht jedes Element einstellbar gestalten, da die Konfiguration sonst nicht mehr praktikabel wΓ€re und es dann prinzipiell einfacher wΓ€re, die Elemente direkt selbst zu Programmieren. Die Konfigurationen sind so abgestimmt, dass die Bedienung leicht fΓ€llt und Dich schnell zum Ziel fΓΌhrt.
Schritt 5 - Einstellungen (Plugin/App Konfiguration)
Neben dem eigentlichen Theme-Styling gibt es weitere grundlegende Einstellungen im Bereich der Plugin / App Konfiguration.
Einstellungen ΓΌber Dashboard erreichen (nur Pro Version)
Du erreichst diesen entweder ΓΌber das theme-eigene Dashboard (Pro): Inhalte > Theme [Variante] > Tab: Einstellungen > Button: Konfiguration auswΓ€hlen

Einstellungen ΓΌber Erweiterungen erreichen (Cloud | Pro)
FΓΌr Nutzer der Cloud-Version und Pro-Version steht darΓΌber hinaus auch der Weg ΓΌber die Erweiterungen bereit: Erweiterungen > Meine Erweiterungen > Tab: Themes > Theme [Variante] > KontextmenΓΌ: Konfiguration

Schritt 6 - Demodaten
Um Dir den Einstieg in das Theme so einfach wie mΓΆglich zu gestalten, haben wir eine kostenlose Erweiterung fΓΌr Demodaten im Store. Mit dieser Erweiterung kannst Du dir die Erlebniswelten und Demodaten unserer Demos direkt in Deinen Shop importieren und anpassen.

Passend zur Erlebniswelt kannst Du auΓerdem auch die, zu deinem Theme passende, Theme-Konfiguration aus unseren Demoshops importieren.
Erweiterte Funktionen nutzen
Nicht jede Einstellung im Theme ist so einfach wie die Einstellung einer Farbe. Zur Aufbereitung der Inhalte und Anwendung der Spezial-Funktionen des Themes, bieten wir Dir im Bereich INHALTE hilfreiche Einstellungen zu den Themen Einkaufswelt ΓΌberlagernden Header, Kategoriebild im Header, Bildformate und verschiedene Einstellungen der Erlebniswelten.
Welche Bereiche verΓ€ndert das Theme?
Das Theme bietet Dir nicht nur eine eigenstΓ€ndige Theme-Konfiguration mit ΓΌber 657+ Konfigurationsfeldern. Auch andere Bereiche der Storefront und des Adminbereichs werden durch das Theme erweitert.
Dashboard
Die Administration wird ΓΌber ein weiteres Dashboard erweitert, welches Dir einfachen Zugang zu den Theme-Funktionen bietet.
Styling
Das HerzstΓΌck des Themes bildet die Theme Konfiguration. Dort findest Du alle Einstellungen, welche das Aussehen Deines Shops verΓ€ndern.
Einstellungen
Hiermit sind die Einstellungen im Theme Plugin gemeint. Hier liegen Einstellungen, welche das System verΓ€ndern, jedoch keinen Einfluss auf die Gestaltung nehmen. Hier kannst Du beispielsweise auch zusΓ€tzlichen Code hinterlegen.
Zusatzfelder
Sind Erweiterungen der Datenbank um Bereiche wie die Kategorien mit weiteren Konfigurationen anzureichern. Du findest insbesondere in den Kategorien und Produkten weitere Konfigurationen.
Erlebniswelten
Ein neuer Bereich in den Erlebniswelten soll Dir durch weitere Elemente mehr MΓΆglichkeiten bieten. CMS Elemente wie das neue Breadcrumb Element lassen Dich die Breadcrumbs auf das Header Hintergrundbild legen.
Worauf Du achten solltest!
In unserer Theme-Konfiguration erhalten manche Einstellungen ein Zeichen. Siehst Du ein solches Zeichen, gibt es besondere Hinweise oder AbhΓ€ngigkeiten zu anderen Konfiguationen. Ein Blick in den Hilfe-Tooltips lohnt sich.
[ ! ] - Besondere Konfiguration

Wenn Du dieses Zeichen in der Theme-Konfiguration siehst, handelt es sich um ein Konfigurationsfeld mit einer AbhΓ€ngigkeit zu einem anderen Feld oder einer anderen Besonderheit. Lese hierzu in dem Hilfe-Tooltip am Konfigurationsfeld, um mehr ΓΌber dieses Feld zu erfahren.
[ β‘ ] - Fallback Feld

Dieses Zeichen kennzeichnet ein Konfigurationsfeld der Theme-Konfiguration, welches zusΓ€tzlich in jeder Kategorie oder Produkt ΓΌberschrieben oder geerbt werden kann. Der in der Theme-Konfiguration hinterlegte Wert dient dann als Fallback-Wert, wenn in der Kategorie eine abweichende Einstellung getΓ€tigt wurde.
Last updated
Was this helpful?