ThemeWare® kann die Logos deiner Zahlungs- und Versandarten im Footer und auf der Produktseite ausgeben. Die Logos kommen dabei direkt aus den Zahlungs- bzw. Versandarten von Shopware.

Schritt 1: Logos in Shopware hinterlegen

Zahlungsarten

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in "Einstellungen" => "Zahlungsarten"

3. Öffne eine Zahlungsart

4. Hinterlege beim Feld "Logo" ein Bild aus deiner Mediathek

5. Speicher die Zahlungsart und wiederhole den Vorgang für alle weiteren Zahlungsarten

1. Wechsel über die Hauptnavigation in "Einstellungen" => "Versand"

2. Öffne eine Versandart

3. Hinterlege beim Feld "Logo hochladen" ein Bild

4. Speicher die Versandart und wiederhole den Vorgang für alle weiteren Versandarten

1. Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")

   • Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.

2. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

3. Wechsel in den Tab "Footer

• Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" bzw. "Versandanbieter-Logos"

Im Abschnitt "Basiskonfiguration" stehen dir unter anderem zur Verfügung:

• "Maximale Höhe": begrenzt die Höhe der Logos

• "Ecken": die Eckenform der Logos

• "Logos verlinken": verlinkt die Logos

• "Fallback-Badge anzeigen": gibt den Namen als Badge aus, wenn für eine Zahlungs- bzw. Versandart kein Logo hinterlegt ist

Im Abschnitt "Farbkonfiguration" konfigurierst du die "Färbung", die "Rahmenfarbe" und die Farben des Fallback-Badges.

Möchtest du Logos ausgeben, für die es keine Zahlungs- oder Versandart gibt (z.B. ein Käufersiegel), nutze die benutzerdefinierten Bilder.

• Tab "Widgets" => Bereich "Zahlungsanbieter-Logos" bzw. "Versandanbieter-Logos" => Abschnitt "Bilder" => "Benutzerdefiniertes Bild 1" bis "Benutzerdefiniertes Bild 3"

Die Zahlungsanbieter-Logos kannst du zusätzlich in der Buybox der Produktseite ausgeben.

• Tab "Produktseiten" => Bereich "Zahlungsanbieter-Logos (in der Buybox)"

• Einführung:

• Einführung:

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. Lese die Versionsnummer bei dem Eintrag für ThemeWare® ab (4)

Ab Shopware 6.4.19.0 kannst du die Sichtbarkeit von Sektionen und Blöcken ganz einfach im Erlebniswelt-Editor einstellen.

1. Erlebniswelt bearbeiten

1. Wechsel über die Hauptnavigation in die Erlebniswelt-Verwaltung ("Inhalte" => "Erlebniswelten")

2. Klicke auf die gewünschte Erlebniswelt um diese zu bearbeiten

3. Die Erlebniswelt öffnet sich nun im Erlebniswelt-Editor

1. Klicke auf den Button oben links in der CMS-Sektion die du bearbeiten möchtest (1)

2. Die Sektion-Einstellungen öffnen sich rechts im Fenster (2)

3. Öffne den Abschnitt "Sichtbarkeit" (3)

1. Klicke auf CMS-Block den du bearbeiten möchtest (1)

2. Die Block-Einstellungen öffnen sich rechts im Fenster (2)

3. Öffne den Abschnitt "Sichtbarkeit" (3)

Im Abschnitt "Sichtbarkeit" (3) kannst du die Sektion bzw. den Block nun für drei Viewports konfigurieren (4).

Im Editor werden unsichtbare CMS-Sektionen bzw. CMS-Blöcke "eingeklappt".

• Mit einem Klick auf den Link "Sektion einklappen" bzw. "Sektion ausklappen" (5) kannst du eine unsichtbare CMS-Sektion ein-/ausklappen um sie zu bearbeiten.

• Mit einem Klick auf den Link "Block einklappen" bzw. "Block ausklappen" (5) kannst du einen unsichtbaren CMS-Block ein-/ausklappen um ihn zu bearbeiten.

Produktseiten sind die Detailseiten deiner Produkte. Sie bestehen aus den Produktdaten aus Shopware und der Darstellung, die du in ThemeWare® konfigurierst.

Schritt 1: Produkt anlegen

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in "Kataloge" => "Produkte"

3. Lege ein neues Produkt an oder öffne ein bestehendes

4. Pflege die Produktdaten, unter anderem:

   • Name, Produktnummer, Preis und Steuersatz

   • Beschreibung und Kurzbeschreibung

   • Bilder in der Karte "Medien"

5. Speicher das Produkt

Ohne eigenes Layout nutzt das Produkt das Standard-Layout von Shopware. Für ein individuelles Layout gehst du so vor:

1. Wechsel über die Hauptnavigation in "Inhalte" => "Erlebniswelten"

2. Klicke auf "Neues Layout anlegen" und wähle den Layout-Typ "Produktseite"

3. Baue die Seite auf, z.B. mit den Blöcken der Kategorie "ThemeWare® Produktseite"

4. Speicher das Layout

1. Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")

   • Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.

2. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

3. Wechsel in den Tab "Produktseiten

ThemeWare® ergänzt das Produkt um eigene Zusatzfelder. Du findest sie am Produkt im Tab "Allgemein" in der Karte "Zusatzfelder", z.B. für:

• Datenblätter

• Downloads

• Videos

• Weiterführende Links

Die zugehörige Darstellung aktivierst und konfigurierst du in der Theme-Konfiguration im Tab "Produktseiten".

• Einführung:

• Einführung:

ThemeWare® stellt dir eine umfangreiche Auswahl an CSS-Animationen zum Verschönern deiner Erlebniswelten bereit. Nachfolgend erklären wir dir, wie du die "CSS-Scroll-Animationen" in nur 2 Schritten aktivieren und nutzen kannst.

1. Öffne die Administration deins Shops

2. Wechsel über die Hauptnavigation in den Theme-Manager ("Inhalte" => "Themes") Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.

Hast du eine Erweiterung installiert ist diese grundsätzlich "einsatzbereit". Damit die Erweiterung nun auch genutzt werden kann muss sie noch aktiviert werden.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

In seltenen Fällen entsteht ein Problem dadurch, dass Dateien von Erweiterungen (Plugins, Apps oder Themes) nicht vollständig in die Storefront übertragen wurden. Dies kann man im Fall von ThemeWare® mit einem "Soft Reset" lösen.

ThemeWare® "Soft Reset" durchführen:

1. Weise deinem Verkaufskanal das Shopware Standard-Theme zu:

   1. Navigiere über die Hauptnavigation zu deinem Verkaufskanal ("Verkaufskanäle" => "..." => Tab "Theme")'

   2. Weise bitte das Shopware Standard-Theme (bzw. Shopware default theme) dem entsprechenden Verkaufskanal zu

2. Deaktiviere (nicht deinstallieren!) ThemeWare®:

   1. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" ("Erweiterungen" => "Meine Erweiterungen")

   2. Wechsel in den Tab "Themes"

3. Aktiviere ThemeWare® wieder:

   1. Aktiviere ThemeWare® über dem Switch-Button links neben dem ThemeWare® Logo

4. Weise ThemeWare® nun wieder deinem Verkaufskanal zu:

   1. Wechsel über die Hauptnavigation in den Verkaufskanal deiner Storefront im Bereich "Verkaufskanäle"

   2. Wechsel in den Tab "Theme"

5. Shopware Cache leeren:

   1. Navigiere danach über die Hauptnavigation in den Bereich "Cache & Indizes" ("Einstellungen" => "System")

   2. Klicke auf "Caches leeren"

6. Webseite und Browser-Cache neu laden:

   • Lade danach die Seite, auf welcher das Problem aufgetreten ist, in deinem Web-Browser mit einem Cache-Refresh neu:

     • Windows: Strg + F5

• Anleitung:

• Anleitung:

• Anleitung:

• Anleitung:

Der Footer von ThemeWare® ist modular aufgebaut. Du bestimmst selbst, welche Inhalte (Widgets) im Footer erscheinen, in welchem Bereich sie liegen und in welcher Reihenfolge sie ausgegeben werden.

Generell ist es beim Erwerb von Erweiterungen (Apps, Plugins oder Theme) im Shopware Store zunächst immer sinnvoll, diese vorab als "Testversion" in Form eines kostenlosen Probemonats zu installieren. So kannst du die entsprechende Erweiterung 30 Tage kostenfrei testen und sicher gehen, dass diese auch seine Erwartungen erfüllt.

Sollte es trotz dessen versehentlich zu einem "Fehlkauf" einer Erweiterung gekommen sein, melde dich bitte einmal über das folgende Kontaktformular beim Shopware-Vertrieb:

Ab Shopware 6.4.19.0 kannst du CMS-Elemente als Favoriten markieren.

Klicke dazu einfach auf das Herzsymbol . Deine Favoriten findest du nun immer oben im "Element austauschen"-Overlay.

Für Darstellungsfehler in der Storefront ist in den allermeisten Fällen ein veralteter Cache die Ursache. Auch ein nicht korrekt kompiliertes Theme kann zu Darstellungsfehlern führen.

Aktualisiere daher, bei Problemen oder Darstellungsfehlern, bitte immer zuerst einmal die Shopware Storefront. Dies geht ganz einfach und schnell mit wenigen Klicks:

Wie du die Startseite deines Themes erstellen kannst, erfährst du in folgendem Artikel:

Du kannst ein bestimmtes CMS-Element individuell stylen, indem du ihm in den Element-Einstellungen eine eigene CSS-Klasse zuweist und die gewünschten Styles in deiner CSS-Datei oder der Theme-Konfiguration definierst.

Darüber hinaus kannst du auch die automatisch generierte Element-ID nutzen – insbesondere bei CMS-Elementen, denen du keine eigene CSS-Klasse zuweisen kannst.

CSS-Klasse einem ThemeWare® CMS-Element hinzufügen

1. Klicke auf den entsprechenden CMS-Block um den Bearbeitungsmodus zu aktivieren

2. Fahre mit der Maus über das gewünschte CMS-Element (1)

3. Klicke auf das "Zahnrad"-Icon (2) um das CMS-Element zu konfigurieren

4. Es öffnet sich das Pop-up "Element-Einstellungen"

5. Wechsel in den Tab "Erweitert" (3)

6. Trage im Konfigurationsfeld "CSS-Klassen (Element)" deine eigene CSS-Klasse ein (4)

   • Tipp: Trenne mehrere Klassen mit einem Leerzeichen.

7. Speichere deine Änderungen

Für jedes CMS-Element erstellt Shopware automatisch eine eindeutige Element-ID. Diese kannst du nutzen, um das Element individuell per CSS zu stylen – vor allem dann, wenn sich keine eigene CSS-Klasse zuweisen lässt.

Diese Element-ID findest du im HTML-Code der Storefront. Sie wird im data-cms-element-id-Attribut des entsprechenden Containers hinterlegt:

Per CSS kannst du dieses Attribut dann wie folgt selektieren:

Wie du CSS-Styles hinzufügen kannst erfährst du in folgender Anleitung:

Um invalide Konfigurationsfelder zu korrigieren, folge bitte der folgenden Anleitung.

Hintergrundwissen

Kannst du deine Konfiguration nicht speichern und/oder erhältst beim Speichern einen entsprechenden Hinweis (z.B. "Ungültige Konfiguration"), liegt das in der Regel an einem falsch befüllten Konfigurationsfeld.

Bei einem Fehler gibt es die beiden folgenden Möglichkeiten:

1. Du hast vor dem Speichern ein Feld falsch befüllt.

   • Der falsche Wert wird nicht übernommen. Lade die Konfiguration einmal neu und alles ist wieder in Ordnung.

2. Du hast vor dem Update auf Shopware 6.7 ein Feld falsch befüllt.

   • Du musst nun den Wert finden und korrigieren.

Wir gehen in diesem Artikel davon aus, dass du die Konfiguration bereits validiert hast und einen Hinweis auf das fehlerhafte Feld bekommen hast.

Hast du die Konfiguration noch nicht validiert, gehe bitte wie in folgendem Artikel beschrieben vor:

Gehen wir davon aus, du erhältst die Meldung SCSS Value "#9fa5ab;" is not valid for type "color" oder SCSS Value "none" is not valid for type "color". Beides sind Varianten des selben Problems, einer falsch befüllten Farbkonfiguration.

Im ersten Fall hat sich ein Kopierfehler eingeschlichen und ein Semikolon wurde ergänzt: #9fa5ab;. Im zweiten Fall wurde der Wert none eingefügt. Der Wert none ist kein valider Wert für ein CSS-/SCSS-Farbfeld. Nutze transparent oder rgba(255, 255, 255, 0) um eine Farbe zu "entfernen".

1. Öffne die Administration deines Shops

2. Öffne die Konfiguration deines Themes

3. Durchsuche jeden Tab mit deinem Browser (z.B. Strg + F) nach dem fehlerhaften Wert (z.B. #9fa5ab; bwz. none )

Dein Theme sollte nun wieder gespeichert werden.

Mehr Informationen zum Fehler "Ungültige Konfiguration" findest du in folgenden Artikel:

In diesem Artikel erfährst du, wie du ThemeWare® Themes kombinieren bearbeitest.

Beispiel

1. Andere Themes (Demoshops) ansehen

2. Installiere ein zusätzliches Theme mit kostenlosem Probemonat

   • achte darauf, dass beide ThemeWare® Versionen gleich sind

   • das Vorgehen ist 100% kostenfrei (Achte darauf die weiteren Themes vor Ablauf des Probemonats zu kündigen!)

3. Optional: Backup deiner Theme-Konfiguration machen

4. Theme-Konfiguration vergleichen

5. Theme-Konfiguration teilweise übernehmen

6. Theme kompilieren – fertig!

7. Zusätzliches Theme deinstallieren und vollständig löschen

Die Service-Navigation ist eine zweite Navigation im Footer-Bereich, typischerweise mit Einträgen wie "Hilfe", "Kontakt" oder "Versand und Zahlung". Shopware bezeichnet sie als "Footer-Service-Navigation".

Die Navigation selbst legst du in Shopware über Kategorien an und weist sie deinem Verkaufskanal zu. Die ThemeWare® Konfiguration steuert anschließend, wo und wie sie angezeigt wird.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"

In diesem Artikel erfährst du, wie du die Farben in deinem Shop konfigurierst.

Farben kannst du in verschiedenen Bereichen konfigurieren:

• Theme-Konfiguration

• Erlebniswelten

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.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

Vorab möchten wir darauf hinweisen, dass erworbene Erweiterungen automatisch in der Erweiterungs-Verwaltung erscheinen. Ein manueller Upload ist daher nicht nötig.

Der manuelle Upload von Erweiterungen ist auf zwei Wegen möglich:

• Upload über die (empfohlen)

• Upload per

Die Shopware 6 Storefront basiert auf dem Bootstrap-Framework. Aufgrund unserer HC-Architecture® ist ThemeWare® selbstverständlich ebenfalls vollständig kompatibel mit Bootstrap.

Auf dieser Seite findest du die gängigsten Bootstrap-Elemente welche du in deinen Erlebniswelten nutzen kannst.

In Shopware 6.4 nutzt die Storefront .

In Shopware 6.5 nutzt die Storefront .

Bitte beachte, dass der HTML-Editor von Shopware 6 (z.B. in CMS-Elementen) individuellen HTML-Code – aus Sicherheitsgründen – nicht alle HTML-Tags erlaubt und den Code automatisch bereinigt. Das bedeutet nicht, dass Shopware bzw. ThemeWare® nicht kompatibel mit Bootstrap ist. Alles was du auf dieser Seite findest kann mit dem HTML-Editor von Shopware umgesetzt werden. Dafür wurde der eigentlich Bootstrap-Code ggf. leicht modifiziert.

In Template-Dateien kannst du Bootstrap entsprechend der Bootstrap-Dokumentation nutzen. Hier gibt es lediglich die Einschränkung das Shopware ggf. nicht alle Bootstrap-Elemente bereitstellt.

Im Bereich Erlebniswelten gibt es spezielle CMS-Elemente im Shopware Store, welche alternative HTML-Editoren

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.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in den "Store" (1) (2) ("Erweiterungen" => "Store")

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ändig, schaue derweil gerne in das .

Die ThemeWare® Demoshops präsentieren dir alle ThemeWare® Themes Live und in Farbe.

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.

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.

Die USP-Bar ist eine Leiste mit deinen wichtigsten Verkaufsargumenten, z.B. "Kostenloser Versand" oder "30 Tage Geld-Zurück-Garantie". Sie lässt sich im Header und im Footer anzeigen.

Schritt 1: USP-Bar aktivieren

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Theme-Verwaltung" ("Inhalte" => "Themes")

   • Hinweis: In der Shopware Cloud findest du den Bereich "Themes" direkt in der Hauptnavigation.

3. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

4. Wechsel in den Tab "Erweiterungen"

5. Öffne den Bereich "USP-Bar"

6. Aktiviere "USP-Bar im Header anzeigen" und/oder "USP-Bar im Footer anzeigen"

Im Abschnitt "Basiskonfiguration" stehen dir unter anderem zur Verfügung:

• "Position (Header)" und "Position (Footer)": wo die Leiste ausgegeben wird

• "Darstellungsart (Header)" und "Darstellungsart (Footer)": z.B. mit kleinen oder großen Icons

• "Untertitel anzeigen (große Icons)"

Farben konfigurierst du im Abschnitt "Farbkonfiguration", Schriften und Icongrößen im Abschnitt "Typografie".

Im Abschnitt "USPs" legst du pro Vorteil fest, ab welchem Viewport er angezeigt wird ("Vorteil 1 anzeigen ab ..." und folgende). So zeigst du auf kleinen Bildschirmen nur die wichtigsten Argumente.

Die Inhalte der USP-Bar pflegst du über Textbausteine:

Für die weiteren Vorteile nutzt du entsprechend usp2, usp3 und so weiter.

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.

• Einführung:

Standardmäßig endet ein Produkt-Slider an der Kante seines Containers. Du kannst die benachbarten Produkte stattdessen angeschnitten anzeigen lassen — so sieht der Kunde auf den ersten Blick, dass es weitergeht.

In dieser Anleitung erfährst du, wie du den Überlauf global einstellst und wie du ihn für einzelne CMS-Blöcke abweichend setzt.

Schritt 1: Darstellungsart wählen

1. Öffne die Theme-Konfiguration deines Themes

2. Wechsel in den Tab "Erlebniswelten"

3. Öffne den Bereich "Produkt-Slider (Kategorie 'Commerce')"

4. Wähle im Abschnitt "Design" die gewünschte "Darstellungsart"

5. Speichere deine Änderungen

Zur Auswahl stehen vier Darstellungsarten:

Im Abschnitt "Basiskonfiguration" kannst du den Anschnitt weiter anpassen.

Angeschnittene Produkte

Steuert, ob die angeschnittenen Nachbarprodukte abgeblendet dargestellt werden. Abgeblendete Produkte sind nicht anklickbar — sobald ein Produkt vollständig sichtbar ist, ist es wieder anklickbar.

Anschnitt-Breite

Wie viel von den Nachbarprodukten zu sehen ist, legst du getrennt für Desktop und mobile Geräte fest:

• "Anschnitt-Breite @Desktop (>=992px)" — Standard: 30 Pixel

• "Anschnitt-Breite @Mobil (<992px)" — Standard: 20 Pixel

Du musst dich nicht für den ganzen Shop festlegen. Über eine CSS-Klasse am CMS-Block kannst du einzelne Produkt-Slider anders darstellen lassen.

1. Öffne die Erlebniswelt im CMS-Editor

2. Klicke auf den CMS-Block mit dem Produkt-Slider, um ihn auszuwählen

3. Wechsel rechts in der Sidebar in den Tab "Block-Einstellungen"

4. Öffne dort den Abschnitt "Layout"

In zwei Fällen wird der Überlauf bewusst unterdrückt, weil die Nachbarprodukte sonst in benachbarte Inhalte ragen würden. Der Anschnitt bleibt dabei erhalten:

• Der Produkt-Slider steht in einem mehrspaltigen CMS-Block — die Produkte würden sonst in die andere Spalte laufen

• Der Produkt-Slider steht in einer Sidebar-Sektion

Möchtest du den Überlauf an dieser Stelle sehen, setze den Produkt-Slider in einen einspaltigen CMS-Block.

Wie du einem CMS-Block eine CSS-Klasse zuweist, erfährst du in folgender Anleitung:

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.

ThemeWare® zuweisen

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in den Verkaufskanal deiner Storefront im Bereich "Verkaufskanäle" (1)

3. Wechsel in den Tab "Theme" (2)

4. Klicke nun im Bereich "Theme-Zuweisung" auf den Button "Theme ändern" (3)

5. Wähle ThemeWare® im Pop-up "Theme auswählen" aus (4) und klicke auf den Button "Theme ändern" (5)

6. Klicke nun oben noch einmal auf "Speichern" damit das Theme zugewiesen und kompiliert wird (6)

ThemeWare® wurde nun deiner Storefront zugewiesen.

Bei Fragen oder Problemen findest du eine weitere Informationen in unserer ausführlichen Anleitung:

In diesem Artikel zeigen wir dir, wie du dein Shop-Logo konfigurieren kannst.

Beispiel

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.

1. Öffne die Administration deines Shops

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

3. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

4. Wechsel in den Tab "Header" (3)

5. Öffne den Bereich "Logo" (4)

6. Hier wählst du im Abschnitt "Basiskonfiguration" im Konfigurationsfeld "Logoart" (5) die Option "Bild-Logo" aus

7. Im Abschnitt "Logo" (6) kannst du beispielsweise die "Breite", die "Höhe", den "Abstand nach oben" oder den Hover-Effekt des Shop-Logos konfigurieren

8. Wir ändern die "Breite" auf 240

9. Speicher die Theme-Konfiguration

10. Wechsel in die Storefront und lade die Seite einmal neu

Du hast nun dein Shop-Logo konfiguriert.

Im Bereich "Sticky Top-Navigation" findest du im Abschnitt "Logo" die Konfiguration für das Logo der Sticky Top-Navigation.

TODO: Custom-Header

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

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

1. Öffne die Administration deines Shops

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

3. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

4. Wechsel in den Tab "Layout" (3)

5. Öffne den Bereich "Typografie" (4)

6. Ändere im Abschnitt "Headlines" die Schriftart auf 'Helvetica', sans-serif

7. Scrolle zum Abschnitt "Strichstärke"

   • Diese ist in unserem Beispiel auf Light: 400, Normal: 400 und Bold: 600 konfiguriert.

   • Wähle die in Deiner gewünschten Schriftart verfügbaren Strichstärken aus.

8. Speicher die Theme-Konfiguration

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

• Wissen: Alles zum Thema "Google Fonts" steht im Artikel

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. ThemeWare® wird nun in der Übersicht angezeigt

5. Installiere die Erweiterung nun über die Option "Installieren" (5)

ThemeWare® wurde nun installiert.

1. Öffne die Administration deines Shops

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

3. Klicke nun auf dein ThemeWare® Theme um die Theme-Konfiguration zu öffnen

4. Scrolle im Tab "Allgemein" zum Abschnitt mit der Zuweisung deines Themes

5. Klicke auf den Kontext-Button (3) oben rechts um ein Kontextmenü zu öffnen

6. Wähle die Option "Theme zurücksetzen" (4) aus

7. Es erscheint ein Pop-up "Theme zurücksetzen"

8. Setze die Theme-Konfiguration mit dem Button "Theme zurücksetzen" (5) zurück

Erfahrene Anwender können die Konfiguration manuell über die Datenbank zurücksetzen. Eine Anleitung dazu findest du im folgenden Artikel:

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.

...

Weiterführende Informationen

ThemeWare® bietet dir diverse Gap-Klassen für CMS-Blöcke. In dieser Anleitung stellen wir dir diese CSS-Klassen vor.

Diese CSS-Klassen stehen dir zur Verfügung, wenn du die folgende Theme-Konfiguration aktivierst:

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => CSS-Klassen für Spaltenabstände laden (optional)

Elemente in CMS Grid-Blöcken haben in Shopware 6 einen fest definierten Abstand von 40px. Mit ThemeWare® stehen dir verschiedene CSS-Klassen zur Verfügung um diese Abstände ändern zu können.

Mit ThemeWare® 3.2 haben wir folgende CSS-Abstandsklassen für ThemeWare® CMS Grid-Blöcke sowie die Standard Grid-Blöcke von Shopware hinzugefügt.

Wir freuen uns immer über eine ehrliche Bewertung. Die Bewertung muss auch gar nicht lang sein, 1-2 Sätze reichen.

Es gibt zwei Möglichkeiten wie du ThemeWare® bewerten kannst:

1. Über deinen (empfohlen)

2. Über deine

Nachfolgend zeigen wir dir beide Wege im Detail.

ThemeWare® wird mit deutschen und englischen Textbausteinen ausgeliefert. Die Mehrsprachigkeit selbst ist eine Grundfunktion von Shopware, ThemeWare® fügt sich dort ein.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in "Einstellungen" => "Shop" => "Sprachen"

3. Lege die gewünschte Sprache an oder prüfe die vorhandenen Sprachen

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.

Beispiel: In unserem Beispiel binden wir das ThemeWare® Logo in unseren Shop ein.

Um zu prüfen ob ein Fehler oder Problem durch eine bestimmte Erweiterung (Plugin oder App) verursacht wird, folge bitte den nachfolgenden Schritten:

1. Erweiterungen deaktivieren (nicht deinstallieren!)

2. Shopware Cache leeren

3. Browser-Cache leeren

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.

Um auszuschließen, dass etwaige Probleme bereits mit einem Update behoben wurden ist es sinnvoll Shopware, alle Erweiterungen (Apps bzw. Plugins) und ThemeWare® selber auf die jeweils neuste Version zu aktualisieren.

1. Shopware auf die neuste Version aktualisieren:

   1. Navigiere über die Hauptnavigation zum "Shopware-Updater" ("Einstellungen" => "System" => "Shopware-Update")

Mit ThemeWare® profitierst du von einer kontinuierlichen Weiterentwicklung. Von Zeit zu Zeit kann es daher vorkommen, dass wir Konfigurationsfelder entfernen oder ersetzen.

Verbleiben "verwaiste Konfigurationsfelder" in der Konfiguration kannst du diese wie folgt entfernen:

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Theme-Verwaltung" (1) (2) ("Inhalte" => "Themes")

Wie wir die Kategorie "Höhenluft & Abenteuer" in unseren Demoshops erstellt haben findest du in folgender Schritt-für-Schritt-Anleitung:

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.

Du kannst einen bestimmten CMS-Block individuell stylen, indem du ihm in den Block-Einstellungen eine eigene CSS-Klasse zuweist und die gewünschten Styles in deiner CSS-Datei oder der Theme-Konfiguration definierst.

1. Klicke auf den gewünschten CMS-Block um den CMS-Block auszuwählen (1)

2. Wechsel rechts in der Sidebar in den Tab "Block-Einstellungen" (2)

3. Öffne dort den Abschnitt "Layout" (3)

Erlebniswelten sind eine Grundfunktion von Shopware 6 und ersetzen die Einkaufswelten aus Shopware 5. Mit Erlebniswelten kannst du Content-Seiten wie Landingpages, Shopseiten, Kategorieseiten und Produktseiten erstellen und gestalten.

In diesem Bereich findest du viele nützliche Anleitungen rund um das Thema Erlebniswelten.

Weiterführende Informationen

Mehr Grundlagen und Informationen zum Thema Erlebniswelten findet du hier:

Die ThemeWare® Mietversion enthält einen kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den bei der Buchung angegebenen Preisen automatisch verlängert.

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in den "Store" (1) (2) ("Erweiterungen" => "Store")

3. Wechsel in den Tab "Themes" (3)

4. Optional: Gebe "ThemeWare" oder z.B. "Modern" in der Suche ein

5. Klicke nun in der Übersicht auf das gewünschte ThemeWare® Theme

6. Es öffnet sich nun die Detailseite des ThemeWare® Themes

7. Klicke auf den Button "Theme hinzufügen" (4)

8. Es öffnet sich nun ein Pop-up

9. Hier findest du alle Details zu den Kosten nach Ablauf des Probemonats (5)

10. Lese und akzeptiere die AGB (6)

11. Und bestätige die "Buchung" jetzt mit "Miete jetzt diese Erweiterung" (7)

Du hast ThemeWare® mit einem kostenlosen Probemonat erworben.

Zahlungs- und Versandarten sind Shopware-Funktionen. ThemeWare® gibt sie im Shop aus, angelegt und zugewiesen werden sie aber in der Shopware Administration.

Schritt 1: Zahlungsarten aktivieren

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in "Einstellungen" => "Zahlungsarten"

3. Öffne die gewünschte Zahlungsart

4. Aktiviere sie über den Schalter "Aktiv"

5. Hinterlege beim Feld "Logo" ein Bild, wenn du die Logos im Shop ausgeben möchtest

6. Speicher die Zahlungsart

1. Wechsel über die Hauptnavigation in "Einstellungen" => "Versand"

2. Öffne eine vorhandene Versandart oder lege eine neue an

3. Konfiguriere die Versandart, unter anderem:

   • "Aktiv"

Erst durch die Zuweisung im Verkaufskanal erscheinen die Zahlungs- und Versandarten in deinem Shop.

1. Öffne über die Hauptnavigation deinen Verkaufskanal

2. Wechsel in den Tab "Allgemein"

3. Öffne die Karte "Zahlung und Versand"

4. Wähle bei den "Zahlungsarten" alle Zahlungsarten aus, die im Shop angeboten werden sollen

1. Wechsel in die Storefront und lade die Seite einmal neu

2. Lege ein Produkt in den Warenkorb und gehe in den Checkout

3. Die aktivierten Zahlungs- und Versandarten stehen dort zur Auswahl

• Einführung:

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)

4. Klicke auf den Kontext-Button (4) neben dem Theme um das Kontextmenü zu öffnen und darin auf "Entfernen" (5)

5. Melde dich im Tab "Shopware Account" mit deinen Account-Zugangsdaten an, damit die Löschung der Erweiterung im gesamten System aktualisiert wird.

Erweiterungen mit gültigen Lizenzen werden auch nach dem "Löschen" in der Erweiterungs-Verwaltung angezeigt, da der entsprechende Account nach wie vor im Besitz dieser Lizenz ist. Die Lizenz selber kannst du in deinem Shopware-Account endgültig entfernen/archivieren:

• Wechsle in deinen Shopware Account unter und kündige dort die Miete. Ohne diese Kündigung wird der Mietvertrag weiter berechnet.

In Shopware 6 können CMS-Blöcke sowie CMS-Sektionen in verschiedenen Viewports ausgeblendet werden.

Wie dies funktioniert erfährst du in folgenden Anleitungen:

• Responsive Erlebniswelten erstellen

• Responsive Erlebniswelten mit Bootstrap

Die Shopware 6 Storefront basiert auf dem Bootstrap-Framework. Aufgrund unserer HC-Architecture® ist ThemeWare® ebenfalls vollständig kompatibel mit Bootstrap.

Nachfolgend stellen wir dir die entsprechenden CSS-Klassen vor und zeigen dir ein paar Anwendungsbeispiele.

Um Erlebniswelt-Blöcke in bestimmten Viewports ein- oder auszublenden, können die nachfolgenden Bootstrap Display-CSS-Klassen genutzt werden. Damit lassen sich beispielsweise Bild-Elemente für verschiedene Viewports optimieren.

Übersicht der Bootstrap Display-CSS-Klassen:

Diese CSS-Klassen kannst du im Erlebniswelt-Editor über das Feld "CSS-Klassen" in den Block-Einstellungen bzw. Sektion-Einstellungen hinzufügen.

In diesem Abschnitt integrieren wir ein Bildelement in die Sidebar, welches auf einen Rabatt aufmerksam macht. Im Smartphone-Viewport würde das Motiv zu viel Platz einnehmen, darum blenden wir es für diesen Viewport aus.

Die Theme-Konfiguration von ThemeWare® kannst du über zwei Wege erreichen:

1. Über den entsprechenden (empfohlen)

2. Über die

Nachfolgend zeigen wir dir beide Wege im Detail.

...

Der Erste Schritt bei Problemen oder vermeintlichen Fehlern ist immer ein Blick in den Bereich "Häufige Fehler". Dort findest du sowohl für die Storefront als auch für die Administration Lösungen für die häufigsten, bekannten Probleme und Fehler.

Durch unsere über 3.000 Kunden haben wir fast jedes Problem schon gesehen und gelöst. Es ist daher sehr wahrscheinlich, dass das Problem bereits bekannt ist und es bereits eine Lösung gibt.

Schaue also immer zuerst einmal in den Bereich "Häufige Fehler":

Landingpages sind eigenständige Seiten für Kampagnen und Aktionen, z.B. für einen Sale, eine Marke oder eine Werbeanzeige. Sie erscheinen nicht automatisch in der Navigation und eignen sich deshalb gut für gezielte Verlinkungen.

Schritt 1: Erlebniswelt anlegen

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in "Inhalte" => "Erlebniswelten"

3. Klicke auf "Neues Layout anlegen"

4. Wähle den Layout-Typ "Landingpage" und ein Start-Layout aus

5. Vergib einen "Layout-Namen", z.B. "Black Week"

6. Baue die Seite aus Sektionen, Blöcken und Elementen auf

7. Speicher das Layout

1. Wechsel über die Hauptnavigation in "Kataloge" => "Kategorien"

2. Wechsel in der linken Spalte in den Bereich "Landingpages"

3. Klicke auf "Landingpage hinzufügen"

4. Vergib im Tab "Allgemein" einen "Namen

1. Wechsel in den Tab "Layout"

2. Klicke auf "Layout zuweisen" und wähle deine Erlebniswelt aus

3. Speicher die Landingpage

Landingpages tauchen nicht automatisch in der Navigation auf. Du verlinkst sie zum Beispiel so:

• Über eine Kategorie vom Kategorietyp "Link" in der Shop-, Footer- oder Service-Navigation: wähle in der Karte "Benutzerdefinierter Link" beim "Linktyp" die Option "Intern" und bei der "Entität" die Option "Landingpage"

• Über einen Banner oder Teaser in einer Erlebniswelt

• Über einen Newsletter oder eine Werbeanzeige

• Tab "Erlebniswelten" => Bereich "ThemeWare® CMS-Styling" => "ThemeWare® CMS-Styling laden (CMS-Landingpages)"

• Tab "Erlebniswelten" => Bereich "Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)" für Abstände und CSS-Scroll-Animationen

• Einführung:

• Einführung:

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.

1. Öffne die Administration deines Shops

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

3. Klicke nun auf dein ThemeWare® Theme um die Bearbeitung zu beginnen

4. Wechsel in den Tab "Header" (3)

5. Öffne den Bereich "Logo" (4)

6. Hier wählst du im Abschnitt "Basiskonfiguration" im Konfigurationsfeld "Logoart" (5) die Option "Text-Logo" aus

7. Im Abschnitt "Text-Logo" (6) kannst du beispielsweise den "Logo-Text", die "Schriftart", die "Schriftgröße" oder die "Textfarbe" des Text-Logos konfigurieren

8. Wir ändern die "Textfarbe" auf #0c7ebb

9. Speicher die Theme-Konfiguration

10. Wechsel in die Storefront und lade die Seite einmal neu

Du hast nun das Text-Logo konfiguriert.

Wir haben es uns zur Aufgabe gemacht mit ThemeWare® das beste Erlebnis für dich und deine Kunden zu bieten. Wie du an unseren über 380 Bewertungen sehen kannst, liegt uns viel daran, einen großartigen Support zu leisten.

Durch unsere über 3.000 Kunden haben wir fast jedes Problem schon unzählige Male gesehen und gelöst. Bitte vertraue uns, sowie diesem Prozess und folge Schritt für Schritt der Anleitung.

Über 95% aller "Probleme" werden nicht durch ThemeWare® ausgelöst. Es ist sehr wahrscheinlich, dass du das Problem mit Hilfe dieses Prozesses selber lösen kannst und nicht erst auf eine Antwort von uns warten musst.

Mögliche Ursachen:

• das Problem resultiert aus einer veralteten Storefront

• das Problem besteht bereits im Shopware Standard-Theme (bzw. Shopware default theme)

• das Problem entsteht durch (eine) individuelle Anpassung(en)

• das Problem wird durch (eine) Erweiterung(en) Dritter verursacht

All dies kann mit unseren Prozess geprüft werden und falls du das Problem doch nicht selber lösen kannst, eröffnest du im Laufe dieses Prozesses automatisch ein Support-Ticket. Es ist aber unbedingt notwendig, dass du die Schritte genau befolgst. Nur so können wir unseren exzellenten Support leisten, den alle so sehr lieben.

Bitte starte die Fehlerbehebung jetzt unter:

Erlebniswelten sind das Baukastensystem von Shopware 6 (CMS). Damit gestaltest du Seiten frei, ohne Programmierkenntnisse. ThemeWare® erweitert diesen Baukasten um zahlreiche eigene Blöcke und Elemente.

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. (Hinweis: In der Shopware Cloud sind diese Verbesserungen derzeit nicht möglich.)

Die ThemeWare® Konfigurationen ist in verschiedene Ebenen untergliedert.

In seltenen Fällen entsteht ein Problem dadurch, dass Dateien von Erweiterungen (Plugins, Apps oder Themes) nicht vollständig in die Storefront übertragen wurden. Dies kann man im Fall von ThemeWare® mit einem "Soft Reset" (siehe ) lösen.

Reicht dies nicht (z.B. bei fehlerhaften Schreibrechten durch eine manuelle Bearbeitung von Original-Dateien) hilft es nur ThemeWare® neu zu installieren:

1. Empfohlen: Erstelle ein vollständiges Backup deines Shops

2. Weise deinem Verkaufskanal das Shopware Standard-Theme zu:

Mit ThemeWare® erhältst du eine große Auswahl an CSS-Hover-Klassen für Bilder in CMS-Blöcken. Diese CSS-Klassen ermöglichen dir, verschiedene Hover-Effekte für Bilder in CMS-Blöcken zu nutzen.

Diese CSS-Klassen stehen dir zur Verfügung, wenn du die folgende Theme-Konfiguration aktivierst:

• Tab "Weiteres" => Bereich "Erweiterte Einstellungen" => Abschnitt "Zusätzliche CSS-Klassen" => CSS-Klassen für Bild-Hover-Effekte laden (optional)

1. Öffne die Administration deines Shops

2. Wechsel über die Hauptnavigation in die "Erweiterungs-Verwaltung" (1) (2) ("Erweiterungen" => "Meine Erweiterungen")

3. Wechsel in den Tab "Themes" (3)