Page cover image

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!

Admin Demo

Besuche unsere Admin-Demo, um Dir die Einstellungen aus unseren Demos anzuschauen. Dort siehst Du auch unsere Konfiguration der Demo-Erlebniswelten. Url: shopwaredemos.com/admin Name: demo Passwort: shopware

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.

Folge den Start Guides um einen erleichterten Einstieg in die gewΓ€hlte Vorlage zu erhalten.

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:

  1. MΓΆchte ich in Zukunft individuelle Programmierungen vornehmen (lassen)?

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

Technisch gesehen handelt es sich bei den Konfigurations-Vorlagen um sogenannte Child-Themes - was das ist und warum Child-Themes sinnvoll sind, haben wir Dir in einem Beitrag ΓΌber Child-Themes erlΓ€utert.

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)

Folge den Start Guides um einen erleichterten Einstieg in die gewΓ€hlte Vorlage zu erhalten.

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

Web ΓΌber Dashboard
Web ΓΌber Verkaufskanal

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

Weg ΓΌber Dashboard

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

Weg ΓΌber Erweiterungen

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.

Kostenlose Demodaten

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?