Erweiterungen in ThemeWare® sind integrierte verkaufsfördernde Zusatzfunktionen welche über die visuelle Anpassung der bestehenden Storefront von Shopware 6 hinaus gehen und diese stattdessen erweitern. ThemeWare® Erweiterungen sind daher keine separaten Plugins oder Apps aus dem Shopware Store, sie sind fester Bestandteil von deinem ThemeWare® Theme.

ThemeWare® Erweiterungen sind oftmals "global" also unabhängig von Seitentypen oder bestimmten Layoutbereichen in welche sich die ThemeWare® Konfiguration üblicherweise gliedert. Solche Erweiterungen findest du im Tab "Erweiterungen". Dies wäre z.B. der "Ankündigungsbanner" oder die "USP-Bar".

Es gibt aber auch Erweiterungen die an bestimmte Seitentypen oder Layoutbereiche gebunden sind. Dies wären beispielsweise die "Teilen-Links" für Produktseiten im Tab "Produktseiten".

Theme-Erweiterungen

Der Ankündigungsbanner ist eine Statusleiste oberhalb des Headers. Hier können Statusmeldungen angezeigt werden.

Der Banner eignet sich beispielsweise für die Promotion von Aktionen. Auch über geänderte Versandzeiten durch Urlaub oder Abwesenheit kann an dieser Stelle informiert werden.

1. Wechsel in den Tab "Erweiterungen"

2. Öffne den Bereich "Ankündigungsbanner (im Header)"

Die Produkt-Bewertung zeigt die durchschnittliche Bewertung eines Produkts in der Buybox an – die Sterne plus die Anzahl der Bewertungen, die zum Bewertungs-Tab verlinkt.

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Bewertung (in der Buybox oder am Produktnamen)"

Mit ThemeWare® kannst du die verkaufsfördernden "Checkout-Steps" unserer Shopware 5 Themes auch in deinem Shopware 6 Shop nutzen.

1. Wechsel in den Tab "Erweiterungen"

2. Öffne den Bereich "Checkout-Steps"

Der Versandkostenfrei-Hinweis kennzeichnet in der Buybox versandkostenfreie Produkte.

Der Status "Versandkostenfrei" ist in erfüllt, wenn ein Produkt als "Versandkostenfrei" konfiguriert ist. Mehr Informationen dazu findest du in der .

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Lieferinformationen (in der Buybox)"

Der Vorbestellung-Hinweis weist in der Buybox auf vorbestellbare Produkte mit einem in der Zukunft liegenden Erscheinungsdatum hin.

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Lieferinformationen (in der Buybox)"

3. Scrolle zum Abschnitt "Vorbestellung

Das Topseller-Badge kennzeichnet hervorgehobene Produkte – in der Produkt-Box der Kategorieseiten und auf der Produktseite (Galerie oder Buybox).

Der Status "Topseller" wird im Shopware-Core ermittelt. ThemeWare® hat darauf keinen Einfluss.

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Badges (in der Produkt-Box)"

Der Hersteller ergänzt den Herstellernamen in der Produkt-Box deiner Kategorie-Listings – wahlweise mit einem vorangestellten Label.

Beschrieben ist die Erweiterung im Artikel "Hersteller in Listings":

Der Teaser-Text ist ein kurzer, frei wählbarer Text je Produkt (z. B. "Neu", "Bio", "Limitiert"), den du in der Produkt-Box über oder unter dem Produktnamen einblenden kannst.

Den Text pflegst du je Produkt über ein Zusatzfeld. Angezeigt wird er, sobald du einen "Slot" der Produkt-Box auf "Teaser-Text" setzt.

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Box"

Social-Media-Links bzw. Social-Media-Icons kannst du mit dem "Communities"-Widget von ThemeWare® in deinem Footer einbinden.

Mehr Informationen dazu findest du in folgendem Artikel:

[Tags: social media icons]

Der Erlebniswelt-Header ist eine spezielle Header-Darstellung, bei der sich der Header über den oberen Bereich einer Erlebniswelt (CMS-Seite) legt. Er eignet sich besonders zum Überlagern von Bildern, Videos und Slidern.

Auf der Startseite überlagert der Header die Erlebniswelt direkt; für Kategorieseiten aktivierst du ihn zusätzlich über ein Zusatzfeld.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Header"

2. Öffne den Bereich "Erlebniswelt-Header"

3. Setze die Konfiguration "Erlebniswelt-Header" auf "aktiviert (Header überlagert die Erlebniswelt)"

4. Speicher deine Änderungen nach der Bearbeitung

Auf Kategorieseiten steuerst du den Erlebniswelt-Header je Kategorie über das Zusatzfeld "'Erlebniswelt-Header' anzeigen":

• vererbt aus Theme-Konfiguration – übernimmt die globale Einstellung aus der Theme-Konfiguration

• nein – deaktiviert den Erlebniswelt-Header für diese Kategorie

• ja – aktiviert den Erlebniswelt-Header für diese Kategorie

• Tab "Header" => Bereich "Erlebniswelt-Header" => Erlebniswelt-Header

• "'Erlebniswelt-Header' anzeigen" (Kategorieseiten)

In unserer Wissensdatenbank findest du ein Tutorial zum "Erlebniswelt-Header":

Der Ausverkauft-Hinweis kennzeichnet in der Buybox ausverkaufte Produkte.

Ausverkauft

Der Status "Ausverkauft" ist in Shopware erfüllt, wenn ein Produkt im "Abverkauf" ist und der "Verfügbarer Bestand" geringer als die "Mindestabnahme" ist. Mehr Informationen dazu findest du in der Shopware-Dokumentation.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Lieferinformationen (in der Buybox)"

3. Scrolle zum Abschnitt "Ausverkauft"

4. Aktiviere die Konfiguration "'Ausverkauft' anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Ausverkauft" => 'Ausverkauft' anzeigen

• twt.detail.stockLabel.noStock

Der 'Nicht verfügbar'-Hinweis kennzeichnet in der Buybox Produkte, die nicht verfügbar (deaktiviert) sind.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Lieferinformationen (in der Buybox)"

3. Scrolle zum Abschnitt "Nicht verfügbar"

4. Aktiviere die Konfiguration "'Nicht verfügbar' anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Nicht verfügbar" => 'Nicht verfügbar' anzeigen

• general.deliveryNotAvailable

Der Lagerbestand-Hinweis zeigt in der Buybox den Lagerbestand eines Produkts an. Abhängig vom gewählten Modus erscheint er dauerhaft oder nur ober-/unterhalb der Schwellwerte.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Lieferinformationen (in der Buybox)"

3. Scrolle zum Abschnitt "Lagerbestand"

4. Aktiviere die Konfiguration "Lagerbestand-Hinweis anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

• Modus

  • "Lagerbestand ober-/unterhalb des Schwellwerts anzeigen": Der Hinweis erscheint nur, wenn der Lagerbestand unter dem "Schwellwert (geringer Bestand)" oder über dem "Schwellwert (hoher Bestand)" liegt.

  • "Lagerbestand immer anzeigen": Der aktuelle Lagerbestand wird unabhängig von den Schwellwerten angezeigt.

• Schwellwert (geringer Bestand)

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Lagerbestand" => Lagerbestand-Hinweis anzeigen

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Lagerbestand" => Modus

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Lagerbestand" => Schwellwert (geringer Bestand) / Schwellwert (hoher Bestand)

• twt.detail.stockLabel.highStock.label

  • %stock% wird durch den "Schwellwert (hoher Bestand)" ersetzt.

• twt.detail.stockLabel.lowStock.label

Der Lieferzeit-Hinweis zeigt in der Buybox die Lieferzeit eines lieferbaren Produkts an. Ist ein Produkt nicht auf Lager, aber wiederbeschaffbar, kann stattdessen der Hinweis "Versandfertig in …" erscheinen.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Lieferinformationen (in der Buybox)"

3. Scrolle zum Abschnitt "Lieferzeit"

4. Aktiviere die Konfiguration "'Lieferzeit' anzeigen" und/oder "'Versandfertig in …' anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Lieferzeit" => 'Lieferzeit' anzeigen

• Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Lieferzeit" => 'Versandfertig in …' anzeigen

• detail.deliveryTimeAvailable

• detail.deliveryTimeRestock

Mit Produkt-Badges hebst du Produkte in der Produkt-Box (Kategorieseiten) und auf der Produktseite (Galerie oder Buybox) hervor – z.B. als Ausverkauft, Neu, Rabatt, Topseller, Versandkostenfrei oder mit dem Lagerbestand.

Konfiguration

Die Konfiguration findest du im Tab "Inhalt", im Tab "Kategorieseiten" und im Tab "Produktseiten":

Tab "Inhalt" => Bereich "Produkt-Badges"

Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)"

Tab "Produktseiten" => Bereich "Produkt-Badges (in der Galerie oder Buybox)"

Verfügbare Labels

• Tab "Inhalt" => Bereich "Produkt-Badges"

• Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)"

• Tab "Produktseiten" => Bereich "Produkt-Badges (in der Galerie oder Buybox)"

Das Ausverkauft-Badge kennzeichnet ausverkaufte Produkte – in der Produkt-Box der Kategorieseiten und auf der Produktseite (Galerie oder Buybox).

Ausverkauft

Der Status "Ausverkauft" ist in Shopware erfüllt, wenn ein Produkt im "Abverkauf" ist und der "Verfügbarer Bestand" geringer als die "Mindestabnahme" ist. Mehr Informationen dazu findest du in der Shopware-Dokumentation.

Konfiguration

Theme-Konfiguration

Kategorieseiten

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Badges (in der Produkt-Box)"

3. Scrolle zum Abschnitt "Badge: Ausverkauft-Badge"

4. Aktiviere die Konfiguration "Ausverkauft-Badge anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Badges (in der Galerie oder Buybox)"

3. Scrolle zum Abschnitt "Badge: Ausverkauft-Badge"

4. Setze die Konfiguration "Ausverkauft-Badge anzeigen" auf "in der Galerie anzeigen" oder "

• Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Ausverkauft-Badge" => Ausverkauft-Badge anzeigen

• Tab "Produktseiten" => Bereich "Produkt-Badges (in der Galerie oder Buybox)" => Abschnitt "Badge: Ausverkauft-Badge" => Ausverkauft-Badge anzeigen

• twt.extension.stockBadge.noStock

• twt.extension.soldBadge.icon

  • Hinweis: Wird ggf. durch eine Theme-Konfiguration ersetzt.

Das Neu-Badge hebt neue Produkte hervor – in der Produkt-Box der Kategorieseiten und auf der Produktseite (Galerie oder Buybox).

Neu

Der Status "Neu" wird im Shopware-Core ermittelt. ThemeWare® hat darauf keinen Einfluss.

Konfiguration

Theme-Konfiguration

Kategorieseiten

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Badges (in der Produkt-Box)"

3. Scrolle zum Abschnitt "Badge: Neu-Badge"

4. Aktiviere die Konfiguration "Neu-Badge anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Badges (in der Galerie oder Buybox)"

3. Scrolle zum Abschnitt "Badge: Neu-Badge"

4. Setze die Konfiguration "Neu-Badge anzeigen" auf "in der Galerie anzeigen" oder "

• Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Neu-Badge" => Neu-Badge anzeigen

• Tab "Produktseiten" => Bereich "Produkt-Badges (in der Galerie oder Buybox)" => Abschnitt "Badge: Neu-Badge" => Neu-Badge anzeigen

• listing.boxLabelNew

  • Hinweis: Shopware-Standard-Textbaustein (kein ThemeWare®-Textbaustein).

• twt.extension.newBadge.icon

Das Versandkostenfrei-Badge kennzeichnet versandkostenfreie Produkte – in der Produkt-Box der Kategorieseiten und auf der Produktseite (Galerie oder Buybox).

Versandkostenfrei

Der Status "Versandkostenfrei" ist in Shopware erfüllt, wenn ein Produkt als "Versandkostenfrei" konfiguriert ist. Mehr Informationen dazu findest du in der Shopware-Dokumentation.

Konfiguration

Theme-Konfiguration

Kategorieseiten

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Badges (in der Produkt-Box)"

3. Scrolle zum Abschnitt "Badge: Versandkostenfrei-Badge"

4. Aktiviere die Konfiguration "Versandkostenfrei-Badge anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Badges (in der Galerie oder Buybox)"

3. Scrolle zum Abschnitt "Badge: Versandkostenfrei-Badge"

4. Setze die Konfiguration "Versandkostenfrei-Badge anzeigen" auf "in der Galerie anzeigen

• Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Versandkostenfrei-Badge" => Versandkostenfrei-Badge anzeigen

• Tab "Produktseiten" => Bereich "Produkt-Badges (in der Galerie oder Buybox)" => Abschnitt "Badge: Versandkostenfrei-Badge" => Versandkostenfrei-Badge anzeigen

• general.deliveryShippingFree

  • Hinweis: Shopware-Standard-Textbaustein (kein ThemeWare®-Textbaustein).

• twt.extension.shippingFreeBadge.icon

Die Lieferinformation zeigt die Verfügbarkeit eines Produkts in der Produkt-Box oberhalb des Preises an: einen Ampelpunkt plus die am Produkt gepflegte Lieferzeit.

Vier Zustände werden abgedeckt:

• verfügbar (grün)

• Vorbestellung (gelb)

• versandfertig in x Tagen (gelb)

• derzeit nicht verfügbar (rot)

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Box"

3. Scrolle zum Abschnitt "Lieferinformation"

4. Aktiviere die Konfiguration "Lieferinformation anzeigen"

• Lieferinformation anzeigen

  • "nicht anzeigen"

  • "anzeigen"

• Darstellungsart

• Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Lieferinformation" => Lieferinformation anzeigen

• Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Lieferinformation" => Darstellungsart

• wishlist.deliveryTimeAvailable

• wishlist.deliveryShipping

• wishlist.deliveryTimeRestock

Mit der Erweiterung "Produktnummer in Listings" kannst du die Produktnummer (bzw. Bestellnummer) in der Produkt-Box deiner Kategorie-Listings ergänzen.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Box"

3. Scrolle zum Abschnitt "Inhalte"

4. Aktiviere die Konfiguration "Produktnummer anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

• Passe das Label vor der Produktnummer über den folgenden Textbaustein an:

  • twt.listing.ordernumberLabel

• Die Produktnummer wird automatisch ergänzt

• Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Produktnummer anzeigen

• twt.listing.ordernumberLabel

Die Quickview-Funktion blendet in der Produkt-Box der Listings eine Schaltfläche ein, über die sich eine Schnellansicht des Produkts in einem Modal öffnet.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Weiteres"

2. Öffne den Bereich "Beta"

3. Setze die Konfiguration "Quickview" auf "ja"

4. Speicher deine Änderungen nach der Bearbeitung

• Tab "Weiteres" => Bereich "Beta" => Quickview

• twt.extension.quickview.title

Die Erweiterung "Individuelle Ankündigung" ist ein Infoelement, dass auf Produktseiten (Artikelseite) oder im Checkout angezeigt werden kann.

Hier können Statusmeldung angezeigt werden. Das Element eignet sich beispielsweise um über geänderte Versandzeiten durch Urlaub oder Abwesenheit zu informieren.

1. Wechsel in den Tab "Erweiterungen"

2. Öffne den Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)

Mit der Erweiterung "Kategorie hervorheben" kannst du, wie der Name sagt, eine Kategorie in der Top-Navigation hervorheben.

Dazu aktivierst du die Hervorhebung über ein Zusatzfeld in der entsprechenden Kategorie.

1. Wechsel in den Tab "Header"

2. Öffne den Bereich "Top-Navigation"

Die ThemeWare® Lieferinformationen gestalten die Standard-Hinweise von Shopware 6 in der Buybox und ergänzen sie um den Lagerbestand-Hinweis. Die Nutzung ist natürlich optional, du kannst auch im Shopware-Standard bleiben.

Alle Hinweise teilen sich eine gemeinsame Optik. Über die Konfiguration "Darstellungsart" wählst du zwischen:

• Text: Eine schlichte Zeile mit Ampelpunkt – die gewohnte Shopware-Optik, aber in der ThemeWare® Gruppe.

• Label: Dieselbe Zeile auf einer in der Statusfarbe (grün / gelb / rot) getönten Fläche.

Das Rabatt-Badge weist auf reduzierte Produkte hin – in der Produkt-Box der Kategorieseiten und auf der Produktseite (Galerie oder Buybox).

Der "Rabatt" eines Produktes wird aus der Differenz vom "Strichpreis" und dem "Preis" berechnet. Mehr Informationen dazu findest du in der .

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Badges (in der Produkt-Box)"

Mit den Slots blendest du in der Produkt-Box zusätzliche Angaben über und unter dem Produktnamen ein. Es gibt zwei unabhängige Slots ("Slot über dem Produktnamen" und "Slot unter dem Produktnamen"), die du jeweils frei mit einer Quelle befüllst.

Als Quelle stehen zur Verfügung:

• Produktnummer – die Produktnummer des Produkts

• Teaser-Text – ein kurzer, frei pflegbarer Text je Produkt (Zusatzfeld "Teaser-Text")

Der Datenblätter-Tab zeigt die Datenblätter eines Produkts in einem eigenen Tab auf der Produktseite.

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Tab "Datenblätter""

3. Aktiviere die Konfiguration "Datenblätter-Tab anzeigen"

Die ThemeWare® "Slideout-Communities" basieren auf dem ThemeWare® "Communities (Social Media)"-Widget und bieten eine alternative und prägnante Position zum Widget im Footer. Dadurch, dass die "Slideout-Communities" auf dem Widget basieren, nutzen beide dieselben Textbausteine.

1. Wechsel in den Tab "Erweiterungen"

2. Öffne den Bereich "Slideout-Communities"

Mit den Tabs auf Produktseiten gliederst du zusätzliche Produktinformationen in eigene Tabs – z.B. Eigenschaften, Datenblätter, Produktvideos, Hersteller oder einen benutzerdefinierten Tab.

Die Konfiguration findest du im Tab "Produktseiten":

Tab "Produktseiten" => Bereich "Tabs"

Laut Wikipedia ist "Social Proof" ein psychologisches und soziales Phänomen, bei dem sich Menschen zur Beurteilung richtigen und falschen Verhaltens in einer bestimmten Situation auf die Bewertungen und Handlungen anderer Menschen verlassen.

Alle positiven Aussagen über dich, dein Unternehmen, dein Produkt oder deinem Shop sind Zeugnisse deines "Social Proofs".

ThemeWare® bietet, mit der "Social-Proofing"-Erweiterung ab Version 2.0.5, eine neue Möglichkeit deinen "Social Proof" zu verbessern.

Der auf der Produktseite bekräftigt das vorangegangene Käufer sehr zufrieden waren.

Mit ThemeWare® kannst du das "Floating-Widget" unserer Shopware 5 Themes auch in deinem Shopware 6 Shop nutzen, um beispielsweise Kontaktinformationen präsent darzustellen.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Erweiterungen"

2. Öffne den Bereich "Floating-Widget"

3. Aktiviere das Floating-Widget mit der Konfiguration "Floating-Widget anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

• Passe Titel und Text des Floating-Widgets über die folgenden Textbausteine an:

  • twt.extension.floatingWidget.title

  • twt.extension.floatingWidget.body

• Floating-Widget anzeigen @Phone (<768px)

  • Steuert, ob das Widget auf Smartphones (<768px) erscheint.

• Position

  • Platziert das Widget "links" oder "rechts".

Darüber hinaus lassen sich Größe, Innenabstand, Ausrichtung und der Abstand zum Seitenrand sowie Farben, Schrift und ein Hintergrundbild anpassen.

• Tab "Erweiterungen" => Bereich "Floating-Widget" => Floating-Widget anzeigen / Floating-Widget anzeigen @Phone (<768px)

• Tab "Erweiterungen" => Bereich "Floating-Widget" => Abschnitt "Basiskonfiguration" => Position / Hover-Effekt / Overlay anzeigen / Geöffnet anzeigen / Animieren / Widget verlinken

• Titel

  • twt.extension.floatingWidget.title

• Text

Mit der Erweiterung "Hersteller in Listings" kannst du den Hersteller in der Produkt-Box deiner Kategorie-Listings ergänzen – wahlweise mit einem vorangestellten Label.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Box"

3. Scrolle zum Abschnitt "Inhalte"

4. Setze die Konfiguration "Hersteller anzeigen" auf "anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

Wählst du bei "Hersteller anzeigen" die Option "je Layout-Typ", entscheidest du stattdessen für jeden Layout-Typ einzeln:

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Box (Layout-Typ 'Standard')", "Produkt-Box (Layout-Typ 'Großes Bild')" oder "Produkt-Box (Layout-Typ 'Minimaler Inhalt')"

3. Scrolle zum Abschnitt "Inhalte"

4. Setze die Konfiguration "

• Passe das Label vor dem Herstellernamen über den Textbaustein twt.listing.manufacturerLabel an

• Der Name des Herstellers wird automatisch ergänzt

• Hersteller anzeigen

  • "nicht anzeigen": Der Hersteller erscheint nicht in der Produkt-Box.

  • "anzeigen": Der Hersteller erscheint in allen Layout-Typen.

  • "je Layout-Typ": Die Entscheidung wird pro Layout-Typ in den Bereichen "Produkt-Box (Layout-Typ ...)" getroffen.

• Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Hersteller anzeigen

• Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ 'Standard')" => Abschnitt "Inhalte" => Hersteller anzeigen

• Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ 'Großes Bild')" => Abschnitt "Inhalte" => Hersteller anzeigen

• Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ 'Minimaler Inhalt')" => Abschnitt "Inhalte" => Hersteller anzeigen

• twt.listing.manufacturerLabel

Das Lagerbestand-Badge zeigt den Lagerbestand eines Produkts an – in der Produkt-Box der Kategorieseiten und auf der Produktseite (Galerie oder Buybox).

Konfiguration

Theme-Konfiguration

Kategorieseiten

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Badges (in der Produkt-Box)"

3. Scrolle zum Abschnitt "Badge: Lagerbestand-Badge"

4. Aktiviere die Konfiguration "Lagerbestand-Badge anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Badges (in der Galerie oder Buybox)"

3. Scrolle zum Abschnitt "Badge: Lagerbestand-Badge"

4. Setze die Konfiguration "Lagerbestand-Badge anzeigen" auf "in der Galerie anzeigen" oder "

Den Anzeige-Modus und die Schwellwerte steuerst du im Tab "Inhalt":

Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Lagerbestand-Badge"

• Modus

  • "Lagerbestand ober-/unterhalb des Schwellwerts anzeigen": Das Badge erscheint nur bei geringem (unter "Schwellwert (geringer Bestand)") oder hohem Lagerbestand (über "Schwellwert (hoher Bestand)").

  • "Lagerbestand immer anzeigen": Der aktuelle Lagerbestand wird unabhängig von den Schwellwerten angezeigt.

• Schwellwert (geringer Bestand)

• Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Lagerbestand-Badge" => Lagerbestand-Badge anzeigen

• Tab "Produktseiten" => Bereich "Produkt-Badges (in der Galerie oder Buybox)" => Abschnitt "Badge: Lagerbestand-Badge" => Lagerbestand-Badge anzeigen

• Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Lagerbestand-Badge" => Modus

• Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Lagerbestand-Badge" => Schwellwert (geringer Bestand) / Schwellwert (hoher Bestand)

• twt.extension.stockBadge.highStock.label

  • %stock% wird durch den "Schwellwert (hoher Bestand)" ersetzt.

• twt.extension.stockBadge.lowStock.label

Produkt-Datenblätter vom Dateityp "PDF" kannst du über Zusatzfelder im jeweiligen Produkt hinterlegen. Die Datenblätter können auf Produktseiten entweder im "Eigenschaften"-Tab oder in einem separaten "Datenblätter"-Tab dargestellt werden.

Konfiguration

Theme-Konfiguration

Datenblätter im Eigenschaften-Tab

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Tab "Beschreibung""

3. Scrolle zum Abschnitt "Datenblätter"

4. Aktiviere die Konfiguration "Datenblätter anzeigen"

5. Optional: Lege über die Konfiguration "Vorschau anzeigen" fest, ob die eingebettete PDF-Vorschau im Beschreibungs-Tab dargestellt wird

6. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Tab "Datenblätter""

3. Aktiviere die Konfiguration "Datenblätter anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel über die Hauptnavigation in die "Produkt-Verwaltung" (1) (2) deines Shops ("Kataloge" => "Produkte")

2. Wähle das gewünschte Produkt aus (3)

3. Wechsel in den Tab "Spezifikationen"

4. Scrolle zum Abschnitt "Zusatzfelder"

Die eingebettete PDF-Vorschau wird im separaten Datenblätter-Tab immer angezeigt. Im Beschreibungs-Tab erscheint sie nur, wenn die Konfiguration "Vorschau anzeigen" aktiviert ist. Der Download-Link zum Datenblatt steht in beiden Fällen jederzeit zur Verfügung.

• Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Datenblätter" => Datenblätter anzeigen

• Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Datenblätter" => Vorschau anzeigen

• Tab "Produktseiten" => Bereich "Tab "Datenblätter"" => Datenblätter-Tab anzeigen

• twt.detail.datasheets.link

  • %name% wird durch den Dateinamen ersetzt.

• twt.detail.datasheets.fallback

Produkt-Downloads vom Dateityp "PDF" kannst du über Zusatzfelder im jeweiligen Produkt hinterlegen. Die Downloads können auf Produktseiten im "Eigenschaften"-Tab dargestellt werden.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Tab "Beschreibung""

3. Scrolle zum Abschnitt "Downloads"

4. Aktiviere die Konfiguration "Downloads anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

1. Wechsel über die Hauptnavigation in die "Produkt-Verwaltung" (1) (2) deines Shops ("Kataloge" => "Produkte")

2. Wähle das gewünschte Produkt aus (3)

3. Wechsel in den Tab "Spezifikationen"

4. Scrolle zum Abschnitt "Zusatzfelder"

• Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Downloads" => Downloads anzeigen

• twt.detail.downloads.link

  • %name% wird durch den Dateinamen ersetzt.

• twt.detail.downloads.fallback

Der Hersteller-Tab zeigt die Herstellerangaben eines Produkts in einem eigenen Tab auf der Produktseite.

Welche Angaben dargestellt werden (Beschreibung, Logo, weiterführende Links) und welche du ein- oder ausblenden kannst, ist in der allgemeinen Erweiterung beschrieben:

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Hersteller (in Tabs)"

3. Wähle bei der Konfiguration "Hersteller anzeigen" die Option "in separatem Tab anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

Der Tab zeigt die Herstellerangaben des jeweiligen Produkts. Die Inhalte selbst (Beschreibung, Logo, weiterführende Links) sind in der allgemeinen Erweiterung beschrieben (siehe oben). Die folgenden Texte sind spezifisch für den Tab:

Die Beschriftung des Tabs basiert auf dem Textbaustein twt.detail.tabManufacturer.title.

Innerhalb des Tabs wird eine eigene Überschrift angezeigt. Den Text passt du über den Textbaustein twt.detail.tabManufacturer.headline an (%manufacturer% wird durch den Herstellernamen, %product% durch den Produktnamen ersetzt).

Diese Option ist spezifisch für den Tab:

• Überschrift anzeigen (Bereich "Tab "Hersteller"" => Abschnitt "Basiskonfiguration")

  • Steuert die Überschrift innerhalb des Tabs: "anzeigen", "nicht anzeigen", "nur Herstellername anzeigen" oder "nur Textbaustein anzeigen".

Das Hersteller-Logo und die weiterführenden Links gelten in der Beschreibung und im Tab gleichermaßen – die Optionen dazu findest du in der allgemeinen Erweiterung (siehe oben).

• Tab "Produktseiten" => Bereich "Hersteller (in Tabs)" => Hersteller anzeigen

• Tab "Produktseiten" => Bereich "Tab "Hersteller"" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen

• Titel

  • twt.detail.tabManufacturer.title

• Überschrift

Der Symbole-Tab zeigt die Produkt-Symbole eines Produkts in einem eigenen Tab auf der Produktseite.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Produkt-Symbole"

3. Stelle die Konfiguration "Produkt-Symbole anzeigen" auf "in separatem Tab anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

Der "Symbole-Tab" wird über Eigenschaften mit Bild und/oder über Zusatzfelder im jeweiligen Produkt befüllt. Achte wie bei allen Zusatzfeldern darauf, diese auch für Varianten entsprechend zu befüllen.

Die Bezeichnung des Tabs basiert auf dem Textbaustein twt.detail.tabSymbols.title.

Innerhalb des Tabs wird eine Überschrift angezeigt. Den Text passt du über den Textbaustein twt.detail.tabSymbols.headline an (%product% wird durch den Produktnamen ersetzt).

• Überschrift anzeigen

  • Lege fest, ob die Überschrift innerhalb des Tabs angezeigt wird ("anzeigen" / "nicht anzeigen").

• Tab "Produktseiten" => Bereich "Produkt-Symbole" => Produkt-Symbole anzeigen

• Tab "Produktseiten" => Bereich "Tab 'Symbole'" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen

• Titel

  • twt.detail.tabSymbols.title

• Überschrift

Der Versand-Link blendet unterhalb des Kaufen-Buttons einen kurzen Hinweis zu deinen Versandkosten ein – zum Beispiel "Kostenloser Versand ab 50 €". Ein Klick öffnet die in deinem Shop hinterlegte Versand- und Zahlungsseite als Overlay, dein Kunde bleibt also auf der Produktseite.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Buybox"

3. Scrolle zum Abschnitt "Versand-Link"

4. Wähle bei "Versand-Link anzeigen" die Option "anzeigen"

5. Speicher deine Änderungen nach der Bearbeitung

• Formuliere den Text über den Textbaustein twt.detail.shippingLink

• Voreingestellt ist "Kostenloser Versand ab 50 €"

Lieferst du zu unterschiedlichen Konditionen, formuliere den Text neutral – zum Beispiel "Versandkosten & Lieferzeiten". Die Details stehen dann auf der verlinkten Seite, die du ohnehin pflegst. So ist der Link für jeden Shop nutzbar, unabhängig von den Lieferländern.

Der Link erscheint in zwei Fällen nicht:

• Das Produkt ist als versandkostenfrei gekennzeichnet. Eine Schwelle "ab X €" wäre dort irreführend – und an dieser Stelle zeigt das Label "Versandkostenfrei" die Information ohnehin schon.

• Im Shop ist keine Versand- und Zahlungsseite hinterlegt. Dann erscheint der Text ohne Link, statt einen Klick ins Leere anzubieten.

• Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Versand-Link" => Versand-Link anzeigen

• twt.detail.shippingLink

• "Einstellungen" > "Shop" > "Grundeinstellungen" > "Shopseiten" > "Versand- und Zahlungsinformationen"

Der Eigenschaften-Tab zeigt die Eigenschaften eines Produkts in einem eigenen Tab auf der Produktseite.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Tab "Eigenschaften""

3. Setze die Konfiguration "Eigenschaften-Tabelle als separaten Tab anzeigen" auf "als separaten Tab anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

Der "Eigenschaften-Tab" integriert die Eigenschaften-Tabelle (Shopware-Standard) aus dem Tab "Beschreibung".

Die Bezeichnung des Tabs basiert auf dem Textbaustein twt.detail.tabProperties.title.

Innerhalb des Tabs wird eine Überschrift angezeigt. Den Text passt du über den Textbaustein twt.detail.tabProperties.headline an (%product% wird durch den Produktnamen ersetzt).

Unter der Eigenschaften-Tabelle kann optional ein Hinweistext angezeigt werden. Den Text passt du über den Textbaustein twt.detail.infoProperties an.

• Überschrift anzeigen

  • Steuert die Überschrift innerhalb des Tabs: "anzeigen", "nicht anzeigen", "nur Produktname anzeigen" oder "nur Textbaustein anzeigen".

• Hinweistext unter der Eigenschaften-Tabelle anzeigen

• Tab "Produktseiten" => Bereich "Tab "Eigenschaften"" => Eigenschaften-Tabelle als separaten Tab anzeigen

• Tab "Produktseiten" => Bereich "Tab "Eigenschaften"" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen / Hinweistext unter der Eigenschaften-Tabelle anzeigen

• Titel

  • twt.detail.tabProperties.title

• Überschrift

Der "Verkäufe-Infotext" auf der Produktseite signalisiert, dass ein Produkt bereits häufig gekauft wurde, und bekräftigt so, dass vorangegangene Käufer zufrieden waren.

Über die Schwellwert-Konfiguration legst du fest, ab welcher Menge an Verkäufen der Infotext erscheint. Ab diesem Schwellwert wird die tatsächliche Anzahl der Verkäufe abgerundet ausgegeben; unterhalb des Schwellwerts wird der Infotext nicht angezeigt.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Social-Proofing (in der Buybox)"

3. Setze die Konfiguration "Verkäufe-Infotext anzeigen" auf "anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

• Passe den Infotext über den Textbaustein twt.extension.socialProofing.infotext an

  • Der Platzhalter %sales% wird durch die (abgerundete) Anzahl der Verkäufe ersetzt

• Passe das Icon über den Textbaustein twt.extension.socialProofing.icon an

• Schwellwert

  • Lege fest, ab welcher Menge an Verkäufen der Infotext angezeigt werden soll (Standard: 1000).

• Sichtbarkeit eingrenzen

• Tab "Produktseiten" => Bereich "Social-Proofing (in der Buybox)" => Verkäufe-Infotext anzeigen

• Tab "Produktseiten" => Bereich "Social-Proofing (in der Buybox)" => Abschnitt "Basiskonfiguration" => Schwellwert / Sichtbarkeit eingrenzen / Position / Icon anzeigen

• twt.extension.socialProofing.infotext

• twt.extension.socialProofing.icon

Der GPSR-Tab zeigt die Produktsicherheits-Angaben nach GPSR – die Herstellerinformationen und die verantwortliche Person – in einem eigenen Tab auf der Produktseite an.

Grundlagen, die Zusatzfelder und die weiteren Platzierungen (in der Beschreibung oder im Hersteller-Tab) sind in der allgemeinen Erweiterung beschrieben:

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "GPSR – Produktsicherheit (in Tabs)"

3. Wähle bei der Konfiguration "Produktsicherheit (GPSR) anzeigen" die Option "in separatem Tab anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

Der Tab zeigt die GPSR-Angaben des jeweiligen Herstellers oder Produkts. Die Inhalte selbst (Herstellerinformationen, verantwortliche Person) und die Zusatzfelder sind in der allgemeinen Erweiterung beschrieben (siehe oben). Die folgenden Texte sind spezifisch für den Tab:

Die Beschriftung des Tabs basiert auf dem Textbaustein twt.detail.tabGpsr.title.

Innerhalb des Tabs wird eine eigene Überschrift angezeigt. Den Text passt du über den Textbaustein twt.detail.tabGpsr.headline an (%manufacturer% wird durch den Herstellernamen, %product% durch den Produktnamen ersetzt).

Diese Option ist spezifisch für den Tab:

• Überschrift anzeigen (Bereich "Tab "GPSR"" => Abschnitt "Basiskonfiguration")

  • Blendet die Überschrift innerhalb des GPSR-Tabs ein oder aus ("anzeigen" / "nicht anzeigen").

Welche Angaben dargestellt werden und wie du die Zusatzfelder pflegst, findest du in der allgemeinen Erweiterung (siehe oben).

• Tab "Produktseiten" => Bereich "GPSR – Produktsicherheit (in Tabs)" => Produktsicherheit (GPSR) anzeigen

• Tab "Produktseiten" => Bereich "Tab "GPSR"" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen

• Titel

  • twt.detail.tabGpsr.title

• Überschrift

Der Videos-Tab zeigt die Produktvideos eines Produkts in einem eigenen Tab auf der Produktseite.

Konfiguration

Theme-Konfiguration

1. Wechsel in den Tab "Produktseiten"

2. Öffne den Bereich "Tab "Produktvideos""

3. Aktiviere die Konfiguration "Produktvideos-Tab anzeigen"

4. Speicher deine Änderungen nach der Bearbeitung

Der "Videos-Tab" kann über Zusatzfelder im jeweiligen Produkt befüllt werden. Achte wie bei allen Zusatzfeldern darauf, diese auch für Varianten entsprechend zu befüllen.

Die Bezeichnung des Tabs basiert auf dem Textbaustein twt.detail.tabVideos.title.

Innerhalb des Tabs wird eine Überschrift angezeigt. Den Text passt du über den Textbaustein twt.detail.tabVideos.headline an (%product% wird durch den Produktnamen ersetzt).

Der Alt-Text der Videos (für die Barrierefreiheit) basiert auf dem Textbaustein twt.detail.tabVideos.alt.

• Überschrift anzeigen

  • Lege fest, ob die Überschrift innerhalb des Tabs angezeigt wird ("anzeigen" / "nicht anzeigen").

• Tab "Produktseiten" => Bereich "Tab "Produktvideos"" => Produktvideos-Tab anzeigen

• Tab "Produktseiten" => Bereich "Tab "Produktvideos"" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen

• Titel

  • twt.detail.tabVideos.title

• Überschrift

Mit GPSR-Informationen auf Produktseiten stellst du die Produktsicherheits-Angaben nach GPSR – die Herstellerinformationen und die verantwortliche Person – auf deinen Produktseiten dar. Die Angaben können in der Beschreibung, im Hersteller-Tab oder in einem separaten Tab angezeigt werden.

1. Wechsel in den Tab "Produktseiten"

Die Theme-Erweiterung Hero-Sektion kannst du über die Theme-Konfiguration konfigurieren. Die "Hero-Sektion" kann auf CMS-Listingseiten und/oder -Shopseiten angezeigt werden.

Die Anzeige kannst du zudem über ein entsprechendes Zusatzfeld für jede Kategorie individuell einstellen, wenn du magst.

Auf Wunsch kannst du sogar die Breadcrumb in die "Hero-Sektion" integrieren.

Die dargestellten Texte und Bilder stammen aus der Kategorie-Verwaltung ("Kataloge" => "Kategorien") von Shopware. Angezeigt werden der "Name" und das "Bild" (= Anzeigebild) der entsprechenden Kategorien. Als Alternative zum ursprünglichen Kategoriebild kannst du auch ein individuelles Bild über ein entsprechendes Zusatzfeld nutzen.

Doch fangen wir mit der Theme-Konfiguration an.

Mit Herstellerinformationen auf Produktseiten zeigst du die Angaben zum Hersteller eines Produkts – Beschreibung, Logo und Link – auf der Produktseite an. Die Angaben können in der Beschreibung oder in einem separaten Tab dargestellt werden.

Die Daten stammen aus dem jeweiligen Hersteller in Shopware (Kataloge ⇒ Hersteller):

• Name des Herstellers

• Beschreibung des Herstellers

Das Untermenü der Top-Navigation zeigt die Unterkategorien an, sobald ein Menüpunkt angesteuert wird. ThemeWare® bringt dafür fünf Darstellungsarten mit – vom breiten Flyout über die Kartenansicht bis zum kompakten Dropdown – und je Darstellungsart mehrere Stile für die Menüpunkte.

Die Darstellungsart legst du im Tab "Header" => Bereich "Top-Navigation Flyout" => Konfiguration "Top-Navigation Flyout" fest. Sie gilt dann für die gesamte Hauptnavigation.

Das Flyout nutzt die volle Breite und zeigt die Unterkategorien in Spalten – die Darstellungsart mit dem meisten Platz für tiefe Kategoriebäume.

Die Unterkategorien der ersten Ebene stehen als Schiene links, der Inhalt daneben wechselt beim Ansteuern eines Eintrags. Das hält das Untermenü auch bei vielen Kategorien übersichtlich.

Neben den Kategorien stehen bis zu drei Teaser mit Bild, Text und Link – zum Beispiel für eine Aktion oder eine neue Kollektion. Je mehr Teaser du hinterlegst, desto mehr Platz bekommt der Teaser-Bereich. Die Teaser pflegst du an der Kategorie unter "Zusatzfelder" => "Flyout (Genesis Pro)".

Die Produkt-Bewertung zeigt die durchschnittliche Bewertung eines Produkts in der Produkt-Box an. Du legst fest, wo sie sitzt – im Textbereich oder direkt auf dem Produktbild – und was sie zeigt: nur Sterne, Sterne mit Bewertungs-Anzahl oder eine kompakte Zahl.

1. Wechsel in den Tab "Kategorieseiten"

2. Öffne den Bereich "Produkt-Box"

ThemeWare® biete die Möglichkeit Logos der verfügbaren Zahlungsarten in der Buybox auf Produktseiten anzuzeigen.

Wir versuchen möglichst viele Elemente von ThemeWare® modular zu halten, dies zeigt sich besonders im Ansatz der Widgets. Diese kennst du vermutlich aus dem Footer. Die "Zahlungsarten für Produktseiten" sind ein Beispiel für diese Modularität, denn technisch gesehen ist dies das Widget "Zahlungsarten".

1. Wechsel in den Tab "Produktseiten"