Erste Schritte
Dokumentation der Themes ATMOS | STRATUS | GRAVITY | SPHERE | HORIZON
Last updated
Dokumentation der Themes ATMOS | STRATUS | GRAVITY | SPHERE | HORIZON
Last updated
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
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.
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.
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.
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.
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.
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.
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 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).
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.
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).
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.
Neben dem eigentlichen Theme-Styling gibt es weitere grundlegende Einstellungen im Bereich der Plugin / App Konfiguration.
Du erreichst diesen entweder über das theme-eigene Dashboard (Pro): Inhalte > Theme [Variante] > Tab: Einstellungen > Button: Konfiguration auswählen
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
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.
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.
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.
Die Administration wird über ein weiteres Dashboard erweitert, welches Dir einfachen Zugang zu den Theme-Funktionen bietet.
Das Herzstück des Themes bildet die Theme Konfiguration. Dort findest Du alle Einstellungen, welche das Aussehen Deines Shops verändern.
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.
Sind Erweiterungen der Datenbank um Bereiche wie die Kategorien mit weiteren Konfigurationen anzureichern. Du findest insbesondere in den Kategorien und Produkten weitere Konfigurationen.
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.
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.
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.
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.