All pages
Powered by GitBook
1 of 6

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Category "Mountain air & Adventure"

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

Recreating category Shopping Experiences of the demoshops

Category "Craft & Tradition"

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

Recreating category Shopping Experiences of the demoshops

Category "Cooking pleasure & Provence"

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

Recreating category Shopping Experiences of the demoshops

Demoshops

Home page

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

Setting up the home page (ThemeWare® Shopping Experience)

Configuration

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"


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

  • Tab "Inhalt"

    • Bereich "Produkt-Badges"

      • Abschnitt "Badge: Lagerbestand-Badge"


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


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

  • Tab "Kategorieseiten"

    • Bereich "Produkt-Box"

      • Abschnitt "Inhalte"

  • Tab "Kategorieseiten"

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

      • Abschnitt "Inhalte"


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

  • Tab "Produktseiten"

    • Bereich "Layout"

      • Abschnitt "Basiskonfiguration"

  • Tab "Produktseiten"

    • Bereich "Galerie"

      • Abschnitt "Basiskonfiguration"

  • Tab "Produktseiten"

    • Bereich "Buybox"

      • Abschnitt "Basiskonfiguration"

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

  • Tab "Produktseiten"

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

      • Abschnitt "Abschnitt: Allgemeine Informationen"

  • Tab "Produktseiten"

    • Bereich "Vorteile (in der Buybox)"

      • Vorteile anzeigen: anzeigen

  • Tab "Produktseiten"

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

      • Teilen-Links anzeigen: anzeigen

  • Tab "Produktseiten"

    • Bereich "Tab "Beschreibung""

      • Abschnitt "Weiterführende Produkt-Links"

  • Tab "Produktseiten"

    • Bereich "Eigenschaften-Tabelle (in Tabs)"

      • Abschnitt "Basiskonfiguration"

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


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"


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)

  • Tab "Erweiterungen"

    • Bereich "USP-Bar"

      • Abschnitt "Basiskonfiguration"


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"

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

  • Tab "Weiteres"

    • Bereich "Beta"

      • Abschnitt "Top-Navigation Flyout"


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

Stand 01/2025

Schriftgröße: 15

  • Abschnitt "Level 3 ..."

    • Schriftgröße: 15

  • Breadcrumb anzeigen (CMS-Shopseiten): nicht anzeigen
  • Breadcrumb anzeigen (CMS-Landingpages): nicht anzeigen

  • Breadcrumb anzeigen (CMS-Kategorieseiten): nicht anzeigen

  • Breadcrumb anzeigen (CMS-Produktseite): nicht anzeigen

  • Schwellwert (hoher Bestand): 1000

  • Abschnitt "Badge: Rabatt-Badge"

    • Layout: -25 %

  • CSS-Scroll-Animation (CMS-Blöcke): fade in

  • CSS-Scroll-Animation (Überschriften in CMS-Blöcken): keine

  • Filter-Überschrift anzeigen: anzeigen

    Variantenmerkmale anzeigen: nicht anzeigen

  • Produktnummer anzeigen: je Layout-Typ

  • Hersteller anzeigen: je Layout-Typ

  • Preiseinheit anzeigen: nicht anzeigen

  • Kurzbeschreibung verwenden: verwenden

  • Abschnitt "Basiskonfiguration"

    • Hover-Effekt (Kaufen-Button / Details-Button): slide up

  • Abschnitt "Produktbild"

    • Hover-Effekt: Bilder überblenden (Zusatzfeld)

  • Abschnitt "Produkt-Bewertung"

    • Produkt-Bewertung anzeigen: Produkt-Bewertung immer anzeigen

  • Abschnitt "Layout- und Responsive-Verbesserungen"

    • Kompakte Produkt-Boxen: ja

  • Produktnummer anzeigen: anzeigen

  • Hersteller anzeigen: anzeigen

  • Sticky "Galerie und Buybox": ja

    Hinweistext "Abbildung ähnlich" anzeigen: anzeigen

    Kurzbeschreibung anzeigen: anzeigen

    Lagerbestand-Label anzeigen: anzeigen

    Hersteller anzeigen: anzeigen

  • Abschnitt "Abschnitt: Auszeichnung"

    • Hersteller-Produktnummer anzeigen: anzeigen

    • GTIN/EAN anzeigen: anzeigen

  • Abschnitt "Abschnitt: Maße"

    • Gewicht anzeigen: anzeigen

    • Länge anzeigen: anzeigen

    • Breite anzeigen: anzeigen

    • Höhe anzeigen: anzeigen

  • Abschnitt "Abschnitt: Lieferbarkeit"

    • Verfügbaren Bestand anzeigen: anzeigen

    • Minimale Bestellmenge anzeigen: anzeigen

    • Maximale Bestellmenge anzeigen: anzeigen

    • Zusatzfeld 3 anzeigen: anzeigen

  • Abschnitt "Basiskonfiguration"
    • Inhalt: Zusatzfeld oder Textbaustein

    Abschnitt "Links"
    • Facebook-Link anzeigen: anzeigen

    • X-Link anzeigen: anzeigen

    • Pinterest-Link anzeigen: anzeigen

    • WhatsApp-Link anzeigen: anzeigen

    Weiterführende Links anzeigen: anzeigen

  • Abschnitt "Downloads"

    • Downloads anzeigen: anzeigen

  • Abschnitt "Kommentar"

    • Kommentar anzeigen: anzeigen

  • Hinweistext unter der Eigenschaften-Tabelle anzeigen: anzeigen

  • Zwischenüberschrift anzeigen: anzeigen

  • Inhalt (Widget): Vorteile

  • Abschnitt "Element 3"

    • Inhalt (Widget): Communities bzw. Social Media

  • Standard SSL-Siegel anzeigen: anzeigen

  • Bereich "Communities bzw. Social Media"

    • Abschnitt "Social Icons"

      • Twitter-Link anzeigen: nein

      • X-Link anzeigen: ja

  • Abschnitt "Breadcrumb"
    • Breadcrumb anzeigen: ja

    • Inhalt ausrichten: rechts ausrichten

  • Abschnitt "Basiskonfiguration"

    • Nächstes Element hochziehen: ja (über Zusatzfeld)

  • Größenmodus (Header): 100% (Full-width)

    Erweiterte CSS-Abstandsklassen laden (optional): ja

  • CSS-Klassen für Animationen laden (optional): ja

  • CSS "max-width"-Klassen (optional): ja

  • Icon für externe Links anzeigen: ja

    Which configurations were changed in the demoshops?

    Note: The translation is still in progress. We apologise for the delay.

    Header

    Top-Navigation Flyout

    Inhalt

    Breadcrumb

    Produkt-Badges

    Erlebniswelten

    Alle Typen (Shopseiten, Landingpages, Kategorieseiten, Produktseiten)

    Produkt-Filter (Kategorie "Sidebar")

    Kategorieseiten

    Produkt-Box

    Produkt-Box (Layout-Typ "Standard")

    Produktseiten

    Galerie

    Buybox

    Produkt-Badges (in der Galerie oder Buybox)

    Lieferinformationen-Label

    Produkt-Spezifikationen (in der Buybox)

    Vorteile (in der Buybox)

    Teilen-Links (in der Buybox)

    Tab "Beschreibung"

    Eigenschaften-Tabelle (in Tabs)

    Produktvideos (in Tabs)

    Datenblätter (in Tabs)

    Tab "Benutzerdefinierter Inhalt"

    Hersteller (in Tabs)

    Sidebar

    Widgets

    SSL-Siegel

    Erweiterungen

    Hero-Sektion

    USP-Bar

    Weiteres

    Beta-Features

    here