You can find out how we created the "Cooking pleasure & Provence" category in our demo shops in the following step-by-step guide:

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

You can find out how we created the "Craft & Tradition" category in our demo shops in the following step-by-step guide:

The ThemeWare® demoshops present all ThemeWare® themes live and in action. You may notice that some of the demos differ from your freshly installed theme. In this article you will find out what the differences are and why certain deviations are normal – as new features are not automatically activated in existing customer shops, but should be presented in our demos.

Are there any differences in the configuration between my theme and the demo shops?

Yes, these mainly relate to the ThemeWare® configuration. However, you can easily transfer them to your ThemeWare® theme.

Why are there differences in the configuration between my theme and the demoshops?

With ThemeWare® you benefit from extremely regular updates with new features and configuration options. To ensure that new features have no undesirable impact on existing ThemeWare® customer shops, they are deactivated by default when they are released.

Our demoshops are based entirely on ThemeWare® and are designed to show you the latest features. This is why they deviate slightly from the standard configuration over time. Don't worry: everything we show in the demo shops can also be activated in your own theme with just a few clicks. This gives you full control and you can decide for yourself which new features you want to use and which not.

Are there any other differences between my theme and the demo shops?

Damo data: ThemeWare® does not install products, categories or Shopping Experiences in your shop so that existing data is not affected. However, you can easily import demo data with the free demo data plugins from Shopware or ThemeWare® if required.

Pro and Cloud Edition: Please note that there are technical differences between the Pro Edition and the Cloud Edition. These relate exclusively to the "CMS elements" (= Shopping Experiences). Our demoshops are based on the Pro Edition and therefore show the full functionality of ThemeWare® Edition. You can find more information .

Below we show you which configurations we have made in the demos and where you can find them.

Im Header haben wir die Schriftgröße im Flyout der Top-Navigation etwas reduziert.

• Tab "Header"

  • Bereich "Top-Navigation Flyout"

    • Abschnitt "Level 2"

      • Schriftgröße: 15

In unseren Demoshops blenden wir die Standard-Breadcrumb aus und nutzen bei Bedarf die ThemeWare® CMS-Breadcrumb der Pro-Edition oder die Breadcrumb der ThemeWare® Hero-Sektion.

Darüber hinaus haben wir die Lagerbestand-Badge etwas umkonfiguriert.

• Tab "Inhalt"

  • Bereich "Breadcrumb"

    • Breadcrumb anzeigen (Startseite): nicht anzeigen

    • Breadcrumb anzeigen (CMS-Shopseiten): nicht anzeigen

• Tab "Inhalt"

  • Bereich "Produkt-Badges"

    • Abschnitt "Badge: Lagerbestand-Badge"

      • Schwellwert (hoher Bestand)

Im Bereich "Erlebniswelten" nutzen wir die ThemeWare® CSS-Scroll-Animationen und blenden die Filter-Überschrift in der Sidebar ein.

• Tab "Erlebniswelten"

  • Bereich "Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)"

    • Abschnitt "CSS-Scroll-Animationen"

• Tab "Erlebniswelten"

  • Bereich "Produkt-Filter (Kategorie "Sidebar")"

    • Abschnitt "Headline (in der Sidebar)"

      • Filter-Überschrift anzeigen

Auf Kategorieseiten haben wir die Produkt-Boxen um konfiguriert und nutzen das "Hover-Bild"-Feature von ThemeWare®.

• Tab "Kategorieseiten"

  • Bereich "Produkt-Box"

    • Abschnitt "Inhalte"

      • Variantenmerkmale anzeigen

• Tab "Kategorieseiten"

  • Bereich "Produkt-Box (Layout-Typ "Standard")"

    • Abschnitt "Inhalte"

      • Produktnummer anzeigen

Auf Produktseiten haben wir die vielen neuen und verkaufsfördernden Funktionen von ThemeWare® aktiviert.

• Tab "Produktseiten"

  • Bereich "Layout"

    • Abschnitt "Basiskonfiguration"

      • Sticky "Galerie und Buybox"

• Tab "Produktseiten"

  • Bereich "Galerie"

    • Abschnitt "Basiskonfiguration"

      • Hinweistext "Abbildung ähnlich" anzeigen

• Tab "Produktseiten"

  • Bereich "Buybox"

    • Abschnitt "Basiskonfiguration"

      • Kurzbeschreibung anzeigen

• Tab "Produktseiten"

  • Bereich "Produkt-Badges (in der Galerie oder Buybox)"

    • Produkt-Badges anzeigen: anzeigen

• Tab "Produktseiten"

  • Bereich "Lieferinformationen-Labels (in der Buybox)"

    • Abschnitt "Label: Lagerbestand-Label"

      • Lagerbestand-Label anzeigen

• Tab "Produktseiten"

  • Bereich "Produkt-Spezifikationen (in der Buybox)"

    • Abschnitt "Abschnitt: Allgemeine Informationen"

      • Hersteller anzeigen

• Tab "Produktseiten"

  • Bereich "Vorteile (in der Buybox)"

    • Vorteile anzeigen: anzeigen

    • Abschnitt "Basiskonfiguration"

• Tab "Produktseiten"

  • Bereich "Teilen-Links (in der Buybox)"

    • Teilen-Links anzeigen: anzeigen

    • Abschnitt "Links"

• Tab "Produktseiten"

  • Bereich "Tab "Beschreibung""

    • Abschnitt "Weiterführende Produkt-Links"

      • Weiterführende Links anzeigen

• Tab "Produktseiten"

  • Bereich "Eigenschaften-Tabelle (in Tabs)"

    • Abschnitt "Basiskonfiguration"

      • Hinweistext unter der Eigenschaften-Tabelle anzeigen

• Tab "Produktseiten"

  • Bereich "Produktvideos (in Tabs)"

    • Produktvideos anzeigen: in separaten Tab anzeigen

• Tab "Produktseiten"

  • Bereich "Datenblätter (in Tabs)"

    • Datenblätter anzeigen: in separaten Tab anzeigen

• Tab "Produktseiten"

  • Bereich "Tab "Benutzerdefinierter Inhalt""

    • Benutzerdefinierten Tab anzeigen: anzeigen

• Tab "Produktseiten"

  • Bereich "Hersteller (in Tabs)"

    • Hersteller anzeigen: in separaten Tab anzeigen

In der "Sidebar" haben wir zwei Elemente aktiviert:

• Tab "Sidebar"

  • Bereich "Sidebar-Widgets: Inhalte zuweisen und anordnen"

    • Abschnitt "Element 2"

      • Inhalt (Widget)

Im Bereich "Widgets" nutzen wir das Standard SSL-Siegel. Zudem blenden wir das alte Twitter Logo aus und das neue X-Logo ein.

• Tab "Widgets"

  • Bereich "Auszeichnungen, Siegel oder Zertifikate"

    • Abschnitt "Basiskonfiguration"

      • Standard SSL-Siegel anzeigen

In den Demoshops haben wir die neue "Hero-Sektion" aktiviert und die breite der USP-Bar angepasst.

• Tab "Erweiterungen"

  • Bereich "Hero-Sektion (auf Kategorieseiten)"

    • Hero-Sektion anzeigen (CMS-Listingseiten): anzeigen (per Zusatzfeld)

    • Abschnitt "Breadcrumb"

• Tab "Erweiterungen"

  • Bereich "USP-Bar"

    • Abschnitt "Basiskonfiguration"

      • Größenmodus (Header)

Im Tab "Weiteres" nutzen wir zusätzliche CSS-Klassen von ThemeWare® für die Individualisierung der Erlebniswelten.

• Tab "Weiteres"

  • Bereich "Erweiterte Einstellungen"

    • Abschnitt "Zusätzliche CSS-Klassen"

      • Erweiterte CSS-Abstandsklassen laden (optional)

Darüber hinaus haben wir eine spannende Beta-Funktion aktiviert:

• Tab "Weiteres"

  • Bereich "Beta"

    • Abschnitt "Top-Navigation Flyout"

      • Icon für externe Links anzeigen

Dies sind die Konfigurations-Änderungen in den ThemeWare® Demoshops.

Stand 01/2025

You can find out how we created the "Mountain air & Adventure" category in our demo shops in the following step-by-step guide: