Der ThemeWare® "Text-Teaser" ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.

Element konfigurieren

Den ThemeWare® "Text-Teaser" kannst du wie folgt konfigurieren:

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

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

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

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

5. Nehme die gewünschten Änderungen vor

6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

Die Konfiguration vom "Text-Teaser" ist recht selbsterklärend. Der Titel und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.

Im Tab "Allgemein" konfigurierst du den Content des Elementes.

Content (Inhalt)

Im Abschnitt "Content" kannst du den Titel (2) und Zwischentitel eingeben. Der Titel ist ein Pflichtfeld.

Bild

Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.

Link

Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.

Im Tab "Layout" kannst du den Titel (2) und den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.

Allgemein

Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.

Content (Inhalt)

Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen und einen Text-Schatten konfigurieren.

Titel

Im Abschnitt "Titel" kannst du die Schriftart, die Strichstärke, die Textformatierung und die Textfarbe vom Titel (2) konfigurieren.

Untertitel

Im Abschnitt "Untertitel" kannst du die Schriftart und die Textfarbe vom Untertitel konfigurieren.

Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für den Titel bzw. den Untertitel sowie das "Lazy Loading" vom Bild konfigurieren.

Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.

Auf Kategorie- und Produktseiten können folgende Felder per Datenzuordnung dynamisch aus der aktuellen Kategorie bzw. dem aktuellen Produkt übernommen werden:

• Bild - z.B. Kategoriebild oder Produktbild

• Titel - z.B. Kategoriename oder Produktname

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

In diesem Bereich erfährst du welche Elemente – je nach Konfiguration – in der Shopware Storefront angezeigt werden damit du in der Theme-Konfiguration schneller die entsprechenden Konfigurationen finden kannst.

Bei der Suche nach Konfigurationsfeldern kannst du damit noch einfacher unseren ThemeWare® Config-Finder nutzen. Ergänzend dazu empfehlen wir dir auch unser ThemeWare® Lexikon in der ThemeWare® Wissensdatenbank.

Übersicht

• Header

• Footer

Im Support-Tab bündeln wir alle Wege zu Hilfe, Anleitungen und Kontakt — von der Selbsthilfe bis zum persönlichen Support.

Live-Chat

Über "Chat starten" öffnest du unseren Support-Chat direkt im Hub und erhältst ohne Wartezeit Antworten auf deine Fragen.

Wissen, Antworten & Lösungen

Karten mit den wichtigsten Selbsthilfe-Ressourcen:

• Wissensdatenbank — Tutorials, Tipps & Expertenwissen

• Handbuch — Features & Konfigurationen

• Shopware Doku — Grundfunktionen von Shopware

• Video-Tutorial — Schritt-für-Schritt-Videos

• Config-Finder — Konfigurationen schnell finden

• Häufige Fragen (FAQ) — Fragen & Antworten

• Update-Leitfaden — Schritt für Schritt zum Update

• ThemeWare® Utilities — führt direkt in den

• Ticket erstellen — individuelle Hilfe (öffnet ein Auswahl-Modal mit Chat oder Ticket im Shopware-Account)

• Beschwerde — Anliegen offiziell melden

• Verbesserungsvorschlag — Vorschläge & Feature-Requests

• Community — Austausch im Forum

• Services — individuelle Anpassungen und Auftragsarbeiten

• Branding entfernen — Entfernung des Footer-Hinweises beantragen

• Partner & Agenturen — Prioritäts-Support und Partnerprogramm

• Service-Portal — deine zentrale Anlaufstelle

• News — Neuigkeiten & Ankündigungen

• Changelog — Versionshistorie & Updates

• Kompatibilität — Shopware- & ThemeWare®-Versionen

Der ThemeWare® CMS-Block "Zwei Spalten, 4-8" (ca. 33.333% | ca. 66.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Drei Spalten, 3-6-3" (25% | 50% | 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Sechs Spalten (Individuell)" (jeweils ca. 16,667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Individuelle Spaltenbreiten

Dieser Block kann die Experten-Konfiguration "CSS-Klasse (Spalte)" bestimmter CMS-Elemente berücksichtigen.

Mehr Informationen zu den CSS-Klassen findest du in der ThemeWare® Wissensdatenbank:

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Folgt...

Willkommen im ThemeWare® Handbuch und vielen Dank, dass du dich für ThemeWare® entschieden hast!

Die Dokumentation von ThemeWare® für Shopware 6 basiert auf 3 "Säulen":

1. Das Service Portal

   • Das Service Portal ist stets deine erste Anlaufstelle bei allen Anliegen rund um ThemeWare®. Es ist quasi dein persönliches Dashboard für ThemeWare®.

   • Dort findest du immer alle relevanten Links und Informationen zu ThemeWare®, das ThemeWare® Video-Tutorial, die ThemeWare® Utilities, die ThemeWare® Suchmaschine, den ThemeWare® Config-Finder, Assistenten, Rabattaktionen, nützliche Tools, Feedback- und Kontaktformulare und vieles mehr.

   • Das Service Portal erreichst du unter:

2. Die ThemeWare® Wissensdatenbank

   • In der ThemeWare® Wissensdatenbank findest du die ThemeWare® Einführung, viele Anleitungen und Tutorials, das ThemeWare® Lexikon, Antworten auf die häufigsten Fragen, Lösungen für die häufigsten Fehler, Profiwissen für Agenturen und Freelancer und viele nützliche Informationen zu Shopware 6.

   • Die ThemeWare® Wissensdatenbank erreichst du unter:

3. Das ThemeWare® Handbuch

   • Im ThemeWare® Handbuch findest du Informationen zu allen Funktionen und Features von ThemeWare®.

   • Das ThemeWare® Handbuch erreichst du unter:

Das ThemeWare® Handbuch ist das Nachschlagewerk für alle Konfigurationen und Features von ThemeWare®.

Im Bereich "Handbuch" findest du die gesamte Theme-Konfiguration von ThemeWare®. Damit du dich schnell zurecht findest haben wir den Aufbau der Dokumentation der Theme-Konfiguration nachempfunden.

Die Theme-Konfiguration gliedert sich in 4 Elemente:

1. Tabs in der Tab-Navigation

2. Bereiche in den einzelnen Tabs (Akkordeon-Elemente zum aufklappen)

3. Abschnitte die einen Bereich gliedern

4. Konfigurationsfelder in den einzelnen Abschnitten

In diesem Handbuch haben wir diese 4 Elemente wie folgt dargestellt:

1. Tabs

2. Bereiche

3. Abschnitte

4. Konfigurationsfelder

Der ThemeWare® CMS-Block "Drei Spalten, 2-8-2" (ca. 16.667% | ca. 66.667% | ca. 16.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Zwei Spalten, 5-7" (ca. 41.667% | ca. 58.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Countdown-Banner" hat keine spezielle Funktion. Du musst diesen CMS-Block aber nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

...

Mehr Informationen zum CMS-Element findest du hier:

Demo

Eine Anwendungsbeispiel findest du in unseren Demoshops:

Demo folgt...

1. ThemeWare® USP-Bar

2. ThemeWare® Ankündigungsbanner

3. Shop-Logo

4. Suche

5. Aktions-Buttons (Merkzettel-Button, "Mein Konto"-Button, Warenkorb-Button)

6. Top-Bar (Sprachauswahl, Währungsauswahl, Service-/Hilfe-Menü)

7. Top-Navigation

Der ThemeWare® CMS-Block "Fünf Spalten" (jeweils 20%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Mehr Informationen zum CMS-Element findest du hier:

Die ThemeWare® CMS-Teaser sind unabhängig von ihrem CMS-Block. Du kannst die Teaser auch in anderen CMS-Blöcken (z.B. den ThemeWare® Spalten-Blöcken) verwenden.

Verfügbare Teaser-Elemente

• Text-Teaser

• Text-Teaser (verziert)

Füge den CMS-Block des gewünschten Teaser-Elementes einfach per Drag’n’Drop deiner Erlebniswelt hinzu.

Mehr Informationen dazu findest du in der folgenden Anleitung:

Hinweis: Teaser-Blöcke findest du in der Rubrik "ThemeWare® Allgemein" [Pro]

Tausche alternativ ein bestehendes CMS-Element in einem CMS-Block gegen das gewünschte Teaser-Element aus.

Mehr Informationen dazu findest du in der folgenden Anleitung:

ThemeWare® Add-ons erweitern dein Theme um zusätzliche Funktionen, die du bei Bedarf einzeln freischalten kannst. Jedes Add-on ist ein eigenständiges Abo und kann unabhängig von den anderen gebucht oder gekündigt werden.

Warum Add-ons?

Wir möchten den Preis für ThemeWare® bewusst stabil halten und das Theme gleichzeitig wie gewohnt kontinuierlich weiterentwickeln.

Viele neue Funktionen gehören klar zum klassischen Theme-Umfang und werden weiterhin direkt in ThemeWare® integriert. Darüber hinaus entstehen jedoch auch Features und Feature-Requests, die deutlich über den üblichen Umfang eines Themes hinausgehen.

Solche erweiterten Funktionen bieten wir als optionale Add-ons an. So kannst du sie gezielt freischalten, wenn du sie benötigst — und alle Käufer behalten die Freiheit, nur für den Funktionsumfang zu zahlen, den sie wirklich nutzen möchten.

Verfügbare Add-ons

Backup-Manager

Theme-Konfiguration sichern, übertragen und direkt bearbeiten. Datei-Export, geführter Import mit automatischer Pre-Backup-Sicherung und ein Inline-JSON-Editor mit Live-Validierung und Änderungs-Zähler.

Verschachtelte Unterkategorien

CMS-Element für Kategorie- und Landingpages: Präsentiere mehrere Unterkategorien gemeinsam mit ihren direkten Unterkategorien in einem aufgeräumten Card- oder Clean-Layout.

Add-ons werden als In-App-Kauf direkt im Shopware-Admin freigeschaltet. Der gesamte Kauf-Prozess läuft über deinen Shopware-Account — Endpreis, Zahlungsdaten und Abrechnung kommen aus dem Shopware-Store.

Ablauf:

1. Im ThemeWare® Hub auf das gewünschte Add-on klicken (Tab "Add-ons" oder "Varianten").

2. Auf "Freischalten →" klicken — Shopwares Kauf-Modal öffnet sich.

3. Falls du den "Shopware Extension Store" noch nicht aktiviert hast und dein Shop noch nicht mit deinem Shopware-Account verbunden ist, wirst du im Modal zur Verbindung geleitet. Das passiert automatisch.

4. Buchung bestätigen — das Add-on ist sofort aktiv.

Abrechnung: Monatlich, jederzeit kündbar, über deinen Shopware-Account.

Gekaufte bzw. gebuchte Add-ons werden dir entsprechend gekennzeichnet.

Du kannst sie kündigen, indem du die Lizenz in deinem Shopware-Account (Händler → Shops → [Dein Shop] → Lizenzen) entfernst.

Fünf Designvarianten — Bike, Kids, Global, Fit und Plants — sind im Theme ohne Aufpreis enthalten. Wechsle den Look deines Shops per Klick, ganz ohne zusätzliche Lizenz.

Pixel-Kaffee und Pixel-Patenschaft sind freiwillige Beiträge zur Unterstützung der ThemeWare®-Entwicklung. Sie schalten keine zusätzlichen Funktionen frei, sondern bedanken sich mit einem offiziellen "Pixel-Friend"- bzw. "Pixelpate"-Status. – Vielen Dank! 💙

Der ThemeWare® CMS-Block "Drei Spalten, 8-2-2" (ca. 66.667% | ca. 16.667% | ca. 16.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Die ThemeWare® CMS-Blöcke für Produktseiten haben keine spezielle Funktion. Du kannst diese aber nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

Verfügbare Blöcke

• Produktname (ohne Hersteller-Logo)

• Galerie und Buybox (mit Produktname)

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Diese Blöcke findest du in der Rubrik "ThemeWare® Produktseite" [Pro]

Die ThemeWare® "Text & Bild"-Blöcke selber haben keine spezielle Funktion. Du musst diese aber nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

Verfügbare Blöcke

• Bild & Text überlagernd

Block hinzufügen

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: "Text & Bild"-Blöcke findest du in der Rubrik "ThemeWare® Text & Bild" [Pro]

Der Backup-Manager sichert, überträgt und bearbeitet deine Theme-Konfiguration direkt im Tab "Backup" des ThemeWare® Hubs. Er bündelt drei Funktionen: den Export der Konfiguration als JSON-Datei, einen geführten Import mit verpflichtender Pre-Backup-Sicherung und einen erweiterten Modus mit Inline-JSON-Editor für die Direkt-Bearbeitung.

Lädt die Konfigurationswerte des Themes als JSON-Datei herunter. Geeignet für Sicherungen vor größeren Änderungen oder zum Übertragen zwischen Shops.

Schritt für Schritt:

1. Im Backup-Tab das gewünschte Theme suchen.

Die ThemeWare® Teaser-Blöcke haben keine spezielle Funktion und dienen lediglich der Übersicht in der Auswahl der CMS-Blöcke im Erlebniswelt-Editor.

Du musst diese CMS-Blöcke nicht unbedingt nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

• Text-Teaser

• Text-Teaser (verziert)

Der ThemeWare® CMS-Block "Zwei Spalten (auf Handys getauscht)" (50% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Der CMS-Block "Zwei Spalten (auf Handys getauscht)" ist eine Variante vom CMS-Block "Zwei Spalten" (siehe ). Hier unterscheidet sich lediglich die Anordnung der beiden Spalten in mobilen Viewports. In dieser Variante wird die zweite Spalte oberhalb der ersten Spalte angeordnet und nicht darunter.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Die ThemeWare® Hero-Slider-Elemente (Slides) sind explizit für die Verwendung im CMS-Block "Hero-Slider (...)" (siehe Hero-Slider) vorgesehen. Die Elemente sind nicht für die Nutzung in anderen CMS-Blöcken ausgelegt und funktionieren nicht in anderen CMS-Blöcken.

Verfügbare Slider-Elemente

• Call-to-Action-Slide (Hero-Slider)

• Text-Slide (Hero-Slider)

Füge den CMS-Block des gewünschten Hero-Slider einfach per Drag’n’Drop deiner Erlebniswelt hinzu. Mehr Informationen dazu findest du in der folgenden Anleitung:

Hinweis: Den Hero-Slider findest du in der Rubrik "ThemeWare® Allgemein" [Pro]

Der ThemeWare® Hero-Slider ist mit Elementen befüllt. Du kannst diese gegen austauschen:

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

2. Navigiere mit der Pfeil-Navigation (2) zum gewünschten CMS-Element

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

4. Es öffnet sich das Pop-up "Element auswählen"

Du hast nun das CMS-Element ausgetauscht.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Die ThemeWare® Theme-Konfiguration umfasst mehr als tausend Konfigurationsfelder. Der Config-Finder sorgt dafür, dass du trotzdem in Sekunden bei der richtigen Einstellung landest.

Er steht dir an drei Stellen zur Verfügung:

• Im Theme-Manager — filtert die Konfiguration live, während du tippst

• In der Suchleiste der Administration — findet Konfigurationsfelder von jeder Stelle der Administration aus

Der ThemeWare® CMS-Block "Hero-Slider (4x)" muss mit den entsprechenden "Hero-Slider" CMS-Elementen befüllt werden. Eine Kompatibilität mit anderen CMS-Elementen können wir derzeit nicht garantieren.

Der "Hero-Slider (4x)" bietet dir die Möglichkeit 4 Slides zu nutzen – nicht mehr und nicht weniger.

Der ThemeWare® CMS-Block "Grid 'One'" ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

• Alle Bild-Elemente nutzen den Darstellungsmodus "Füllen".

• Die kleinen Bild-Elemente haben eine minimale Höhe von 320 px.

Der ThemeWare® CMS-Block "Drei Spalten, 2-2-8" (ca. 16.667% | ca. 16.667% | ca. 66.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Zwei Spalten, 3-9" (25% | 75%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Vier Spalten" (jeweils 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® Hub integriert die Vorteile und Funktionen des ThemeWare® Service-Portals direkt in deine Administration – genau dorthin, wo du sie brauchst.

Der Hub bündelt alle Funktionen in eigenen Tabs:

• Dashboard — Überblick, Einrichtungs-Assistent und Schnellzugriffe

• Add-ons — optionale Funktionen freischalten

• Utilities — kostenloses Extra-Paket anfordern

• Varianten — Theme-Varianten anlegen und Konfigurationen übernehmen

• Backup — Theme-Konfiguration sichern und wiederherstellen

• News — Neuigkeiten & Ankündigungen

• Changelog — Versionshistorie & Updates

• Support — Hilfe, Anleitungen & Kontakt

Den ThemeWare® Hub erreichst du über die Hauptnavigation oder die Shopware-Einstellungen.

Inhalte > ThemeWare® {Dein Theme}

Einstellungen > Erweiterungen > ThemeWare® {Dein Theme} Dashboard

Der ThemeWare® CMS-Block "Individueller Code (HTML/CSS/JS)" hat keine spezielle Funktion und dient lediglich der Übersicht in der Auswahl der CMS-Blöcke im Erlebniswelt-Editor.

Du musst diesen CMS-Block nicht unbedingt nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

Mehr Informationen zum CMS-Element findest du hier:

Block hinzufügen

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Diese Blöcke findest du in der Rubrik "ThemeWare® Verschiedenes" [Pro]

Demo

Eine Anwendungsbeispiel findest du in unseren Demoshops:

Demo folgt...

Der ThemeWare® CMS-Block "Galerie und Buybox (mit Produktname)" ist eine Variante vom Shopware CMS-Block "Galerie und Buybox" und stellt zusätzlich den Produktnamen über der Buybox dar.

Der CMS-Block ist von Haus aus mit den vorgesehenen Standard-CMS-Elementen von Shopware befüllt. Wir raten davon ab, die Elemente auszutauschen.

Mehr Informationen zu den Shopware CMS-Elementen findest du in der Shopware-Dokumentation.

Anwendungsbeispiele findest du in unseren Demoshops:

Demo folgt...

Die ThemeWare® "Sale"-CMS-Blöcke selber haben keine spezielle Funktion. Du musst diese aber nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

Der ThemeWare® CMS-Block "Eine Spalte" (100%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Hero-Countdown" hat keine spezielle Funktion. Du musst diesen CMS-Block aber nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

Der CMS-Block "Hero-Countdown" besteht aus zwei CMS-Elementen:

Der ThemeWare® CMS-Block "Unterkategorie-Navigation (Sidebar)" ist eine Variante vom Shopware CMS-Block "Kategorie-Navigation".

Der CMS-Block hat keine spezielle Funktion. Du musst diesen CMS-Block aber nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

Weiterführende Informationen

Mehr Informationen zum CMS-Element findest du hier:

Der ThemeWare® "Button-Teaser" ist unabhängig von seinem CMS-Block. Du kannst den Teaser auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.

Element konfigurieren

Den ThemeWare® "Button-Teaser" kannst du wie folgt konfigurieren:

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

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

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

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

5. Nehme die gewünschten Änderungen vor

6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

Die Konfiguration vom "Button-Teaser" ist recht selbsterklärend. Der Button-Text und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.

Im Tab "Allgemein" konfigurierst du den Content des Elementes.

Content (Inhalt)

Im Abschnitt "Content" kannst du den Button-Text (2) eingeben. Der Button-Text ist ein Pflichtfeld.

Bild

Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.

Link

Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.

Im Tab "Layout" kannst du den Button (2) und den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.

Allgemein

Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.

Button

Im Abschnitt "Button" kannst du den Button-Stil (die Farbe) konfigurieren und festlegen ob der Button (2) gefüllt oder als Outline-Button dargestellt werden soll.

Zudem kannst du die horizontale Ausrichtung und die vertikale Ausrichtung vom Button im Teaser konfigurieren.

Bild

Im Abschnitt "Bild" kannst die gewünschte horizontale Positionierung des Bildes im Anzeigemodus 'Cover' auswählen.

Hover

Im Abschnitt "Hover" kannst du einen

Im Tab "SEO & Pagespeed" kannst du das "Lazy Loading" vom Bild konfigurieren.

Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

1. Breadcrumb

2. CMS-Block "Produktname & Hersteller-Logo" von Shopware

3. Produktname

4. Hersteller-Logo

5. CMS-Block "Galerie und Buybox" von Shopware

8. CMS-Block "Produktbeschreibung und -bewertungen" von Shopware

1. ThemeWare® Produkt-Badges

2. Produktbild

3. Pfeil-Navigation

4. ThemeWare® Hinweistext "Abbildung ähnlich"

1. Preis

2. Versandkostenfrei-Hinweis

3. Varianten-Auswahl (Layout "Text")

4. Varianten-Auswahl (Layout "Farbe")

1. Angebotspreis/Rabattpreis (+Streichpreis)

2. ThemeWare® Lagerbestand-Hinweis

3. ThemeWare® Individuelle Ankündigung

4. ThemeWare® Zahlungsarten auf der Artikelseite

Der ThemeWare® CMS-Block "Galerie und Buybox (mit Produktname & Hersteller-Logo)" ist eine Variante vom Shopware CMS-Block "Galerie und Buybox" und stellt zusätzlich den Produktnamen samt Hersteller-Logo über der Buybox dar.

Der CMS-Block ist von Haus aus mit den vorgesehenen Standard-CMS-Elementen von Shopware befüllt. Wir raten davon ab, die Elemente auszutauschen.

Mehr Informationen zu den Shopware CMS-Elementen findest du in der Shopware-Dokumentation.

Beispiel

Demo

Anwendungsbeispiele findest du in unseren Demoshops:

Demo folgt...

Der ThemeWare® CMS-Block "Hero-Slider (2x)" muss mit den entsprechenden "Hero-Slider" CMS-Elementen befüllt werden. Eine Kompatibilität mit anderen CMS-Elementen können wir derzeit nicht garantieren.

Der "Hero-Slider (2x)" bietet dir die Möglichkeit 2 Slides zu nutzen – nicht mehr und nicht weniger.

Verfügbare CMS-Elemente

• Call-to-Action-Slide (Hero-Slider)

• Text-Slide (Hero-Slider)

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Das ThemeWare® Dashboard bietet dir alle wichtigen Informationen, Einrichtungshilfen und Schnellzugriffe auf einen Blick.

Schnellzugriffe

Über die Kachel-Leiste springst du direkt zu den wichtigsten Bereichen und Ressourcen:

• Wissensdatenbank — Anleitungen, Tutorials und Profi-Wissen

• ThemeWare® Utilities — kostenlose Extras (öffnet den Utilities-Tab)

• Add-ons — Erweiterungen für dein Setup (öffnet den )

• Video-Tutorial — Schritt-für-Schritt-Videos

• Handbuch, News, Changelog und Feedback einsenden — Doku, Aktuelles und Verbesserungsvorschläge

Der Einrichtungs-Assistent führt dich durch die wichtigsten Schritte; eine Fortschrittsanzeige zeigt dir, wie weit du bist:

1. Plugin installiert — bereits erledigt, sobald das Theme in deiner Administration aktiv ist.

2. Einstellungen konfigurieren — Theme-Konfiguration für deinen Verkaufskanal anpassen.

3. Kostenloses ThemeWare® Utilities-Paket holen — Erlebniswelten, 100+ Logos und Customizing-Plugin, etc.

4. Deinen Shop personalisieren — Texte für Top-Bar, Footer und Social Media anpassen.

Jeden Schritt kannst du aufklappen und als erledigt markieren oder den ganzen Assistenten über das × ausblenden.

In der Seitenleiste findest du:

• Support & Hilfe — direkter Zugang zum Support-Chat und zur Ticket-Erstellung.

• Das sagen unsere Nutzer — Bewertungen anderer Shopbetreiber sowie die Möglichkeit, selbst eine Bewertung abzugeben.

Im unteren Bereich des Dashboards findest du zusätzliche Karten:

• Footer-Hinweis entfernen — Entfernung des Brandings beantragen.

• Für Agenturen & Partner — Prioritäts-Support und Partnerprogramm.

Der ThemeWare® CMS-Block "Discount-Banner" hat keine spezielle Funktion. Du musst diesen CMS-Block aber nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

...

Mehr Informationen zum CMS-Element findest du hier:

Demo

Eine Anwendungsbeispiel findest du in unseren Demoshops:

Demo folgt...

Der ThemeWare® CMS-Block "Drei Spalten" (jeweils ca. 33.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Drei Spalten, 3-3-6" (25% | 25% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Countdown-Banner (kompakt)" hat keine spezielle Funktion. Du musst diesen CMS-Block aber nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

...

Mehr Informationen zum CMS-Element findest du hier:

Demo

Eine Anwendungsbeispiel findest du in unseren Demoshops:

Demo folgt...

Von der modernen Allzweck-Variante bis zum dunklen Outdoor-Look — gib deinem Shop mit einem Klick einen komplett neuen Charakter. Fünf Varianten sind direkt im Theme enthalten, zehn weitere Designs lassen sich als monatliches Add-on freischalten. Inkl. Cards-, Boxed- oder Clean-Layouts, hellen und dunklen Themes.

Zehn zusätzliche Designvarianten, einzeln freischaltbar.

Fünf Varianten sind im Theme ohne Aufpreis enthalten.

Im Backup-Tab erhältst du einen Überblick über alle Themes deiner ThemeWare®-Familie (Basis-Theme + Duplikate) – inklusive Verkaufskanal-Zuweisung, direktem Sprung in die Konfiguration und natürlich der Sicherung der Theme-Konfiguration.

Jede Theme-Zeile zeigt, welchem Verkaufskanal das Theme zugewiesen ist (oder dass es noch keinem zugewiesen ist). Über "Konfigurieren" springst du direkt in den Theme-Manager genau dieses Themes – bei Duplikaten also gezielt in das Theme, das im jeweiligen Verkaufskanal live ist.

Mit der praktischen "Kopieren"-Funktion sicherst du die Konfiguration eines Themes mit nur einem Klick und erleichterst dir manuelle Backups deutlich. Aufklappen, JSON kopieren, fertig.

Schritt für Schritt:

Der ThemeWare® CMS-Block "Zwei Spalten, 7-5" (ca. 58.333% | ca. 41.667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Grid 'One' (getauscht)" ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

• Alle Bild-Elemente nutzen den Darstellungsmodus "Füllen".

• Die kleinen Bild-Elemente haben eine minimale Höhe von 320 px.

Im Changelog-Tab verfolgst du die komplette Versionshistorie von ThemeWare® — mit allen Highlights, Änderungen und Hinweisen je Version. Die Daten werden bei jedem Aufruf direkt aus dem ThemeWare® Service-Portal (via JSON-Feed) geladen, du verpasst also kein Release.

Die Einträge sind nach Hauptversionen gruppiert (z.B. 4.x, 3.x). Jeder Versionseintrag lässt sich aufklappen und zeigt:

• Highlights — die wichtigsten Neuerungen

• Änderungen — alle weiteren Anpassungen

Der ThemeWare® CMS-Block "Zwei Spalten" (50% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Mehr Informationen zum CMS-Element findest du hier:

In diesem Bereich der Dokumentation findest du alle ThemeWare® CMS-Elemente die du CMS-Blöcken hinzufügen kannst.

ThemeWare® CMS-Elemente

Mit ThemeWare® erhältst du eine umfangreiche und wachsende Auswahl an CMS-Elementen um deinen Shop zu individualisieren. Die ThemeWare® CMS-Elemente sind ab Version 0.5.0 in der Pro-Edition verfügbar.

Weitere Elemente sind bereits in Arbeit und folgen bald. Sei gespannt!

ThemeWare® CMS-Element hinzufügen

Um ein CMS-Element platzieren zu können brauchst du einen geeigneten CMS-Block in deiner Erlebniswelt. Diesem CMS-Block kannst du dann ein CMS-Element zuweisen. Mehr dazu erfährst du im Abschnitt CMS-Blöcke.

ThemeWare® CMS-Element austauschen

1. Fahre mit der Maus über den CMS-Block

2. Klicke auf auf das "Austauschen"-Icon (1)

3. Es öffnet sich das Pop-up "Element auswählen"

4. Wähle hier das gewünschte CMS-Element aus (2)

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

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

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

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

Viele CMS-Elemente von ThemeWare® sind ähnlich aufgebaut. Sie bestehen aus verschiedenen "Schichten".

Die unterste Ebene ist dabei oftmals das Bild bzw. Hintergrundbild (1). Darüber kann oftmals ein "Farb-Overlay" (2) gelegt werden. Diese vollflächige Farbfläche überlagert das Bild darunter. Noch eine Ebene darüber befindet sich das "Content-Overlay" (3) bzw. in denglisch ausgedrückt "Inhalts-Overlay". Der "Content" ist der eigentliche Inhalt, also der Text bzw. die Beschriftung des Elements.

Auch in der Konfiguration von CMS-Elementen gibt es Gemeinsamkeiten. Nachfolgend findest du Einstellungen die in vielen CMS-Elementen zu finden sind:

In vielen CMS-Elementen findest du den Tab "SEO & Pagespeed". Hier kannst du den HTML-Tag (p, h1, h2, ...) von Überschriften definieren und damit die HTML-Hierarchie deiner Erlebniswelten optimieren.

Im Abschnitt "Pagespeed" hast du die Möglichkeit das "Lazy Loading" des Bildes zu konfigurieren.

eager – Weist den Browser an, das Bild bevorzugt zu laden. Das wird vor allem bei Bildern "above the fold" (innerhalb des Sichtbereichs) eingesetzt.

lazy – Weist den Browser an, das Bild erst zu laden, wenn sich der Benutzer dem Bild beim Scrollen nähert. Das wird vor allem bei Bildern "below the fold" (außerhalb des Sichtbereichs) eingesetzt.

Einige CMS-Elemente verfügen über einen "Advanced Mode" (Erweiterter Modus). Dieser wird über einen Schalter in der Element-Konfiguration aktiviert und blendet zusätzliche Konfigurationsfelder ein, die im Standardmodus ausgeblendet sind.

Dazu gehören je nach Element z.B.:

• Padding (Innenabstand) des Elementes

• Eckenradius (Border-Radius) des Elementes

In vielen CMS-Elementen findest du den Tab "Erweitert". Hier kannst du CSS-Klassen konfigurieren und Experten-Einstellungen nutzen.

Du kannst zwar jedes HTML-Element in einem CMS-Element über passende CSS-Klassen selektieren, falls du hingegen eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.

Im Abschnitt "CSS-Klassen" kannst du verschiedenen Komponenten in einem CMS-Element eigene CSS-Klassen hinzufügen. Trenne mehrere CSS-Klassen jeweils mit einem Leerzeichen.

In einigen CMS-Elementen findest du im Tab "Erweitert" den Abschnitt "Experten-Einstellungen".

Diese Einstellungen richten sich an Experten die sich mit CMS-Blöcken, CMS-Elementen und dem Bootstrap Grid-System sehr gut auskennen!

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

Möchtest du eine alternative Sprache in einem CMS-Element konfigurieren, kannst du oben rechts im Editor der entsprechenden Erlebniswelt einfach die Sprache wechseln.

Weitere Informationen und Grundlagen zum Thema "Shopware 6 Erlebniswelten" und "CMS-Elementen" findest du in der ThemeWare® Wissensdatenbank:

Mit ThemeWare® 0.5.0 haben wir unser großes CMS-Update und damit unsere ersten ThemeWare® CMS-Erweiterungen veröffentlicht. Alle CMS-Erweiterungen wurden mit dem Schwerpunkt Verkaufsförderung und Anpassbarkeit ausgewählt und entwickelt. Die vielen Layout-Möglichkeiten sprechen für sich.

Wir haben extrem viel Herzblut in jede einzelne CMS-Erweiterung gesteckt und sind auf diese wirklich stolz. Besonders freuen wir uns daher über das positive Feedback. Vielen Dank!

Wir arbeiten, wie du es wahrscheinlich bereits von uns gewohnt bist, fleißig weiter an neuen CMS-Erweiterungen bzw. an Verbesserungen für bestehende CMS-Erweiterungen. Freu dich also noch auf viel mehr.

ThemeWare® CMS-Erweiterungen

In der Regel besteht eine CMS-Erweiterung aus einem CMS-Block und einem CMS-Element.

Ein CMS-Block bildet quasi den Rahmen bzw. Container für CMS-Elemente. CMS-Blöcke haben einen oder mehrere Slots. In jedem Slot wird ein CMS-Element platziert.

In den meisten CMS-Blöcken kannst du nahezu jedes beliebige CMS-Element platzieren. Ein Beispiel dafür sind die ThemeWare® Grid- und Spalten-Blöcke.

Es gibt aber auch CMS-Blöcke in welchen das CMS-Element nicht ausgetauscht werden kann (z.B. die ThemeWare® "Unterkategorie-Navigation") und CMS-Elemente, welche nur mit bestimmten CMS-Blöcken funktionieren (z.B. die ThemeWare® "Hero-Slider"-Elemente).

Neben universellen CMS-Blöcken gibt es auch universelle CMS-Elemente. Diese funktionieren in nahezu allen CMS-Blöcken (z.B. die ThemeWare® "Teaser"-Elemente).

Da aber nicht zu jedem CMS-Block ein CMS-Element gehören muss und umgekehrt, sprechen wir von allgemein von "CMS-Erweiterungen". Und das schöne an den ThemeWare® CMS-Erweiterungen ist: Es sind keine weiteren Plugins oder Apps nötig! Du erhältst alles direkt mit deinem ThemeWare® Theme.

Möchtest du eine alternative Sprache in einem CMS-Element konfigurieren, kannst du oben rechts im Editor der entsprechenden Erlebniswelt einfach die Sprache wechseln.

Stand: Shopware 6.5.x

• Die CMS-Blöcke bzw. CMS-Element erhältst du mit entsprechenden ThemeWare®-Updates. Es gibt keine spezielle Update-/Installationsroutine in ThemeWare® – Shopware 6 regelt dies automatisch.

• Sollten die CMS-Blöcke bzw. CMS-Elemente nicht im Erlebniswelt-Editor erscheinen, leere bitte einmal den Shopware- sowie die Browser-Cache vollständig. Hilft dies nicht, deaktiviere (nicht deinstallieren!) ThemeWare® einmal und aktiviere es danach wieder.

• Grundsätzlich werden die CMS-Blöcke bzw. CMS-Elemente beim Aktivieren von Themes hinzugefügt bzw. werden beim Deaktivieren wieder aus der Administration entfernt.

• Bei Theme-Updates aktualisieren sich die CMS-Blöcke bzw. CMS-Elemente ggf. automatisch.

• Das Deaktivieren von Themes entfernt lediglich die CMS-Blöcke bzw. CMS-Elemente aus der Erlebniswelt, aber nicht aus der Datenbank.

• Die Deinstallation von Themes löscht derzeit keine Daten von CMS-Blöcken bzw. CMS-Elementen aus der Datenbank. Auch die Option "Alle App-Daten endgültig entfernen" hat derzeit keinen Einfluss.

• Wichtig: CMS-Blöcke bzw. CMS-Elemente sollten vor dem "Deaktivieren" von ThemeWare® aus allen CMS-Seiten entfernt werden damit sie nicht "leer" in der Storefront dargestellt werden!

Weitere Informationen und Grundlagen zum Thema "Shopware 6 Erlebniswelten" findest du in der ThemeWare® Wissensdatenbank:

In diesem Bereich findest du alles über die ThemeWare® CMS-Blöcke welche du in den "Block-Kategorien" auswählen und deiner Erlebniswelt hinzufügen kannst.

ThemeWare® CMS-Blöcke

Mit ThemeWare® erhältst du eine umfangreiche und wachsende Auswahl an CMS-Blöcken um deinen Shop zu individualisieren. Die ThemeWare® CMS-Blöcke sind ab Version 0.5.0 in der Pro-Edition und teilweise in der Cloud-Edition verfügbar.

Weitere CMS-Blöcke sind sowohl für die Pro-Edition als auch für die Cloud-Edition in Arbeit und folgen mit kommenden Updates. Sei gespannt!

ThemeWare® CMS-Block hinzufügen

1. Klicke auf das Plus-Icon um einen CMS-Block auszuwählen.

2. Wähle im Dropdown "Block-Kategorie" den gewünschten CMS-Block aus.

3. Ziehe den CMS-Block per Drag'n'Drop in deine Erlebniswelt.

In der ThemeWare® Pro-Edition haben die ThemeWare® CMS-Blöcke eigene Kategorien und sind nach dem folgenden Muster gegliedert:

• ThemeWare® Allgemein

  • Enthält grundlegende Gestaltungsblöcke wir Slider, Teaser und Banner.

• ThemeWare® Spalten

In der ThemeWare® Cloud-Edition findest du die ThemeWare® CMS-Blöcke in den Standard-Kategorien von Shopware (siehe "Text & Bild").

Die CMS-Blöcke in Shopware 6 verfügen über verschiedene Konfigurationsfelder. Im Abschnitt "Layout" findest du beispielsweise die Möglichkeit "CSS-Klassen" zu ergänzen und das Padding des Blocks zu definieren.

In den Block-Einstellungen hast du die Möglichkeit CSS-Klassen für den entsprechenden CMS-Block zu definieren. ThemeWare® bietet dir eine Reihe von CSS-Klassen, die du in deinen Erlebniswelten nutzen kannst.

Für alle CMS-Blöcke sind folgende CSS-Klassen interessant:

Weitere Klassen findest du im Bereich "Anleitungen > Erlebniswelten" in der ThemeWare® Wissensdatenbank:

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.

Du kannst die CMS-Elemente in den meisten CMS-Blöcken austauschen. Mehr dazu erfährst du im Bereich .

Weitere Informationen und Grundlagen zum Thema "Shopware 6 Erlebniswelten" und "CMS-Blöcken" findest du in der ThemeWare® Wissensdatenbank:

Im Add-ons-Tab im ThemeWare® Hub findest du alle verfügbaren Erweiterungen für dein ThemeWare® Theme. Jedes Add-on lässt sich einzeln freischalten und unabhängig von den anderen verwalten.

Eine ausführliche Beschreibung der einzelnen Add-ons findest du in der Add-ons-Übersicht.

Warum Add-ons?

Wir behalten den Theme-Preis bewusst stabil und entwickeln das Theme kontinuierlich mit neuen Funktionen weiter. Features, die deutlich über den klassischen Theme-Umfang hinausgehen, bieten wir als optionale Add-ons an — so kannst du sie freischalten, wenn du sie brauchst, und die Wahl bleibt bei dir, ohne dass alle Käufer den erweiterten Funktionsumfang mittragen müssen.

Add-on freischalten

1. Im Add-ons-Tab das gewünschte Add-on suchen.

2. Auf "Freischalten →" klicken — Shopwares Kauf-Modal öffnet sich.

   • Hinweis: Du musst den "Shopware Extension Store" aktiviert und deinen Shop mit deinem Shopware-Account verknüpft haben um InApp-Käufe tätigen zu können.

3. Den Kauf im Modal bestätigen.

Nach erfolgreichem Kauf ist das Add-on sofort aktiv.

Details zu den verfügbaren Add-ons, zum Kaufmodell und zur Abrechnung findest du in der .

Der ThemeWare® CMS-Block "Drei Spalten, 6-3-3" (50% | 25% | 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Testimonials (Vier Spalten)" hat keine spezielle Funktion. Der Block symbolisiert die Flexibilität des CMS-Elementes "Testimonial (Kundenrezension)", welches in verschiedenen (Spalten-) Blöcken genutzt werden kann.

Mehr Informationen zum CMS-Element findest du hier:

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Diese Blöcke findest du in der Rubrik "ThemeWare® Verschiedenes" [Pro]

Eine Anwendungsbeispiel findest du in unseren Demoshops:

Die ThemeWare® CMS-Blöcke für Kategorieseiten selber haben keine spezielle Funktion. Du musst diese aber nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

• Unterkategorien im Listing

• Unterkategorien im Listing (Modern)

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Die ThemeWare® CMS-Blöcke für die Sidebar.

...

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in die Sidebar-Sektion deiner Erlebniswelt.

Hinweis: Sidebar-Blöcke findest du in der Rubrik "ThemeWare® Sidebar" [Pro]

Der ThemeWare® "Call-to-Action" ist unabhängig von seinem CMS-Block. Du kannst ihn auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.

Element konfigurieren

Den ThemeWare® "Call-to-Action"-Teaser kannst du wie folgt konfigurieren:

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

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

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

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

5. Nehme die gewünschten Änderungen vor

6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

Die Konfiguration vom "Call-to-Action" ist recht selbsterklärend. Der Text, der Button-Text und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.

Im Tab "Allgemein" konfigurierst du den Content des Elementes.

Content (Inhalt)

Im Abschnitt "Content" kannst du die Überschrift (3), den Text (4) und den Button-Text (5) für den Teaser eingeben. Der Text und der Button-Text sind Pflichtfelder.

Bild

Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.

Link

Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.

Im Tab "Layout" kannst du das Overlay (2), den Text (3, 4) im Overlay, den Hover-Effekt vom Content und ein Farb-Overlay konfigurieren.

Allgemein

Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.

Content (Inhalt)

Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.

Überschrift

Im Abschnitt "Überschrift" kannst du die Schriftart und Textfarbe für die Überschrift (3) konfigurieren.

Text

Im Abschnitt "Text" kannst du die Schriftart und Textfarbe sowohl für den Text (4) konfigurieren.

Button

Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift sowie das "Lazy Loading" vom Bild konfigurieren.

Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Die ThemeWare® Grid-Blöcke sind universelle CMS-Blöcke. In diesen Blöcken kannst du verschiedene CMS-Elemente platzieren.

Die Grid-Blöcke haben daher keine speziellen CMS-Elemente.

Verfügbare Grid-Blöcke

• Grid 'Modern'

• Grid 'Modern' (getauscht)

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Spalten-Blöcke findest du in der Rubrik "ThemeWare® Grids" [Pro]

Aufgrund des fluiden Webdesigns von Shopware 6 gibt es keine "perfekte" oder "richtige" Bildgröße. Die Größe der einzelnen Elemente ist variabel und abhängig vom verfügbaren Platz den die Elemente haben. Der verfügbare Platz unterliegt diversen Faktoren wie dem konfigurierbaren Padding des Blocks, der konfigurierbaren Container-Breite, dem Darstellungsmodus der Erlebniswelt und natürlich durch die Fensterbreite selbst in verschiedenen Viewports bestimmt. Dadurch kann es nicht den einen Wert geben.

Wir empfehlen daher für Bild-Elemente in Grid-Blöcken den Darstellungsmodus "Füllen". Dabei wird das Bild so skaliert und ggf. abgeschnitten, dass der Bild-Container immer vollständig ausgefüllt ist. Die Größe der Elemente selber kannst du über die Konfiguration "Minimale Höhe" definieren, mehr Informationen dazu findest du im folgenden Abschnitt.

Als Bild-Elemente kannst du die Teaser von ThemeWare® in den Grids nutzen. (Das Bild-Element von Shopware funktioniert ebenfalls.)

Die Größe der Elemente definierst du über die Konfiguration "Minimale Höhe" im Modus "Füllen" der entsprechenden Elemente. Damit Grids gut funktionieren ist hier etwas Mathematik nötig: Die "Minimale Höhe" der Elemente auf der linken Seite sollte in Summe dieselbe Höhe haben wie die Summe der "Minimale Höhe" aller Elemente auf der rechten Seite. Addiere etwaige Lücken (Standard: 40px) zwischen den Elementen noch dazu.

In den Block-Einstellungen hast du die Möglichkeit CSS-Klassen für den entsprechenden CMS-Block zu definieren.

Für die ThemeWare® Grid-Blöcke sind folgende CSS-Klassen für die Abstände der Elemente im Block interessant:

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

1. Sidebar (CMS-Layout mit Sidebar)

2. Listing (CMS-Block "Drei Spalten, Produkt-Boxen" von Shopware)

3. Produktlisten-Aktionen

1. CMS-Block "Bild, zentriert"

2. CMS-Block "Kategorie-Navigation"

3. CMS-Block "Text"

4. CMS-Block "Produkt-Filter"

1. Produktbild (Cover-Bild)

2. Bewertung bzw. Bewertungs-Sterne

3. Produktname

4. Variantenmerkmale

Die ThemeWare® Banner-Blöcke selber haben keine spezielle Funktion. Du musst diese aber nutzen um die entsprechenden CMS-Elemente in deiner Erlebniswelt zu platzieren.

Verfügbare Banner-Blöcke

• Image-Banner

• Parallax-Banner

• Hero-Banner

• Advanced-Banner

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Banner-Blöcke findest du in der Rubrik "ThemeWare® Banner" [Pro]

Weitere ThemeWare® CMS-Blöcke.

...

Verfügbare Blöcke

• Breadcrumb-Navigation

• Testimonial (Kundenrezension)

Der ThemeWare® CMS-Block "Hero-Slider (3x)" muss mit den entsprechenden "Hero-Slider" CMS-Elementen befüllt werden. Eine Kompatibilität mit anderen CMS-Elementen können wir derzeit nicht garantieren.

Der "Hero-Slider (3x)" bietet dir die Möglichkeit 3 Slides zu nutzen – nicht mehr und nicht weniger.

Verschachtelte Unterkategorien ist ein CMS-Element für Kategorie- und Landingpages. Es zeigt mehrere Unterkategorien gemeinsam mit ihren direkten Unter-Unterkategorien an – wahlweise im Karten- oder Clean-Layout.

Die ausführliche Beschreibung mit allen Konfigurationsmöglichkeiten findest du im CMS-Bereich:

Die ThemeWare® "Hover-Box" ist unabhängig von ihrem CMS-Block. Du kannst sie auch in anderen CMS-Blöcken verwenden. Teste einfach unterschiedliche Blöcke (beispielsweise mit einer unterschiedlichen Spaltenanzahl) aus um deine Erlebniswelt individueller zu gestalten.

Element konfigurieren

Die ThemeWare® "Hover-Box" kannst du wie folgt konfigurieren:

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

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

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

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

5. Nehme die gewünschten Änderungen vor

6. Speichere deine Änderungen

Du hast das CMS-Element nun konfiguriert.

Die Konfiguration der "Hover-Box" ist recht selbsterklärend. Der Text und das Bild sind Pflichtfelder. Mehr brauchst du genau genommen nicht konfigurieren.

Im Tab "Allgemein" konfigurierst du den Content des Elementes.

Content (Inhalt)

Im Abschnitt "Content" kannst du die Überschrift (3) und den Text (4) für den Teaser eingeben. Der Text ist ein Pflichtfeld.

Bild

Im Abschnitt "Bild" definierst du das Hintergrundbild (1) des Teasers. Dies ist ein Pflichtfeld.

Link

Im Abschnitt "Link" definierst du das Ziel des Teasers wenn dieser angeklickt wird.

Im Tab "Layout" kannst du das Overlay (2), den Text (3, 4) im Overlay, und den Hover-Effekt vom Overlay konfigurieren.

Allgemein

Im Abschnitt "Allgemein" kannst du die allgemeine Hintergrundfarbe (1) konfigurieren.

Content (Inhalt)

Im Abschnitt "Content" kannst du die gewünschte Textausrichtung auswählen.

Überschrift

Im Abschnitt "Überschrift" kannst du die Schriftart und Textfarbe für die Überschrift (3) konfigurieren.

Text

Im Abschnitt "Text" kannst du die Schriftart und Textfarbe sowohl für den Text (4) konfigurieren.

Layout

Im Tab "SEO & Pagespeed" kannst du den HTML-Tag für die Überschrift sowie das "Lazy Loading" vom Bild konfigurieren.

Du kannst zwar jedes HTML-Element unserer Teaser über passende CSS-Klassen selektieren, falls du eigene CSS-Klassen nutzen möchtest, kannst du diese im Tab "Erweitert" einfügen.

Auf Kategorie- und Produktseiten können folgende Felder per Datenzuordnung dynamisch aus der aktuellen Kategorie bzw. dem aktuellen Produkt übernommen werden:

• Bild - z.B. Kategoriebild oder Produktbild

• Überschrift - z.B. Kategoriename oder Produktname

• Text - z.B. Kategoriebeschreibung oder Produktbeschreibung

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Zwei Spalten, 8-4" (ca. 66.667% | ca. 33.333%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Zwei Spalten, 9-3" (75% | 25%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Beispiel

Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Grid 'Modern '(getauscht)" ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Standard-Einstellungen

• Alle Bild-Elemente nutzen den Darstellungsmodus "Füllen".

• Die kleinen Bild-Elemente haben eine minimale Höhe von 300 px.

• Die beiden großen Bild-Element haben eine minimale Höhe von 640 px.

• Tipp: Achte darauf, dass die Summe minimalen Höhen auf beiden Seiten gleich sind.

Im News-Tab findest du aktuelle Neuigkeiten, Updates und Ankündigungen rund um ThemeWare®. Die Beiträge werden bei jedem Aufruf direkt aus dem ThemeWare® Service-Portal (via RSS-Feed) geladen.

Neuigkeiten und Ankündigungen

Der ThemeWare® CMS-Block "Breadcrumb-Navigation" ist eine Variante vom Shopware CMS-Block "Breadcrumb-Navigation".

Der CMS-Block hat keine spezielle Funktion. Du musst diesen CMS-Block aber nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

Mehr Informationen zum CMS-Element findest du hier:

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Diese Blöcke findest du in der Rubrik "ThemeWare® Verschiedenes" [Pro]

Eine Anwendungsbeispiel findest du in unseren Demoshops:

1. ThemeWare® USP-Bar

2. ThemeWare® Oberer Bereich

3. ThemeWare® Mittlerer Bereich

Der ThemeWare® CMS-Block "Sechs Spalten" (jeweils ca. 16,667%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

Der ThemeWare® CMS-Block "Grid 'Modern'" ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

• Alle Bild-Elemente nutzen den Darstellungsmodus "Füllen".

• Die kleinen Bild-Elemente haben eine minimale Höhe von 300 px.

Der ThemeWare® CMS-Block "Testimonial (Kundenrezension)" hat keine spezielle Funktion und dient lediglich der Übersicht in der Auswahl der CMS-Blöcke im Erlebniswelt-Editor.

Du musst diesen CMS-Block nicht unbedingt nutzen um das entsprechende CMS-Element in deiner Erlebniswelt zu platzieren.

Mehr Informationen zum CMS-Element findest du hier:

Wähle einen CMS-Block aus und ziehe diesen einfach per Drag’n’Drop in deine Erlebniswelt.

Hinweis: Diese Blöcke findest du in der Rubrik "ThemeWare® Verschiedenes" [Pro]

Die ThemeWare® Utilities sind ein kostenloses Paket mit Extras für Design, Individualisierung und Conversion. Du forderst es einmalig per Formular an und erhältst sofort Zugang zu allen Ressourcen.

1. Im Formular deine E-Mail-Adresse eintragen.

2. Deine Shopware-6-Version wählen (Self-hosted oder Cloud).

3. Angeben, ob du

Das ThemeWare® CMS-Element "Text-Slide (Hero-Slider)" ist explizit für die Verwendung im CMS-Block "Hero-Slider (...)" vorgesehen. Das CMS-Element ist nicht für die Nutzung in anderen CMS-Blöcken ausgelegt und funktioniert nicht in anderen CMS-Blöcken.

Element konfigurieren

Das ThemeWare® Hero-Slider CMS-Element "Text (Hero-Slider)" kannst du wie folgt konfigurieren:

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

2. Navigiere mit der Pfeil-Navigation (2) zum gewünschten CMS-Element

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

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

5. Nehme die gewünschten Änderungen vor

6. Speichere deine Änderungen