Alle Seiten
Bereitgestellt von GitBook
1 von 62

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Produkt-Boxen

Hersteller

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

Hersteller in Listings

Teaser text

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.


Konfiguration

Theme-Konfiguration

  1. Wechsel in den Tab "Kategorieseiten"

  2. Öffne den Bereich "Produkt-Box"

  3. Setze "Slot über dem Produktnamen" oder "Slot unter dem Produktnamen" auf "Teaser-Text (Zusatzfeld)"

  4. Speicher deine Änderungen nach der Bearbeitung

Den Text pflegst du je Produkt über das Zusatzfeld "Teaser-Text".


  • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Slot über/unter dem Produktnamen

  • "Teaser-Text" (Produkte)


Mehr Informationen zum Zusatzfeld "Teaser-Text" findest du hier:

Lieferinformationen

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

Symbole-Tab

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


  1. Wechsel in den Tab "Produktseiten"

  2. Öffne den Bereich "Produkt-Symbole"

Datenblätter-Tab

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"

Bewertung auf Produktseiten

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

Neu-Badge

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

Der Status "Neu" 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)"

Teaser-Text

Zusatzfeld

Zusammenfassung

Theme-Konfiguration

Zusatzfeld

Weiterführende Informationen

Scrolle zum Abschnitt "Badge: Neu-Badge"

  • Aktiviere die Konfiguration "Neu-Badge anzeigen"

  • 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 "in der Buybox anzeigen"

    5. Speicher deine Änderungen nach der Bearbeitung


    • 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

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

    Neu

    Konfiguration

    Theme-Konfiguration

    Kategorieseiten

    Produktseiten

    Hinweis: Das Badge wird angezeigt, wenn Shopware das Produkt als "Neu" einstuft – vorausgesetzt das Neu-Badge ist aktiviert. Das ThemeWare®-Badge erscheint nur, wenn in der Einstellung "Neu-Badge (Produkt-Badges)" der ThemeWare®-Modus gewählt ist; andernfalls wird das Standard-Badge von Shopware verwendet.

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

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

    5. Wähle bei "Darstellungsart" die gewünschte Optik

    6. Speicher deine Änderungen nach der Bearbeitung


    • Lieferinformation anzeigen

      • "nicht anzeigen"

      • "anzeigen"

    • Darstellungsart

      • "vererbt - wie Produktseite": Übernimmt die Darstellungsart der Produktseite (Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Basiskonfiguration" => Darstellungsart), beide Flächen bleiben also gleich.

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

      • "Badge": Ein abgerundetes Badge ohne Punkt – übernimmt Eckenart und Schriftgröße der Produkt-Badges.

      • "Chip": Der Punkt sitzt in einem getönten Kreis, der Text daneben; beim Überfahren der Produkt-Box wächst der Kreis hinter den Text zur Pille.

    Label | Badge | Chip | Text

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

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

    • wishlist.deliveryTimeAvailable

    • wishlist.deliveryShipping

    • wishlist.deliveryTimeRestock

    • wishlist.currentlyNotAvailable

    Hinweis: Produkte ohne hinterlegte Lieferzeit zeigen nichts an.

    Konfiguration

    Theme-Konfiguration

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Stelle die Konfiguration "Produkt-Symbole anzeigen" auf "in separatem Tab anzeigen"
  • 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

      • twt.detail.tabSymbols.headline

        • %product% wird durch den Produktnamen ersetzt.


    Hinweis: Der Tab wird angezeigt, wenn die Konfiguration "Produkt-Symbole anzeigen" auf "in separatem Tab anzeigen" steht und für das Produkt mindestens ein Symbol hinterlegt wurde – über eine Eigenschaft mit Bild oder ein Zusatzfeld.

    Konfiguration

    Theme-Konfiguration

    Symbole
    Eigenschaften
    Produkt-Symbole (Hinweisbilder)

    Inhalt

    Titel

    Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Zusatzfelder

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Weiterführende Informationen

    Speicher deine Änderungen nach der Bearbeitung

    Der "Datenblätter-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.tabDatasheets.title.

    Innerhalb des Tabs wird eine Überschrift angezeigt. Den Text passt du über den Textbaustein twt.detail.tabDatasheets.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 "Tab "Datenblätter"" => Datenblätter-Tab anzeigen

    • Tab "Produktseiten" => Bereich "Tab "Datenblätter"" => Abschnitt "Basiskonfiguration" => Überschrift anzeigen

    • Titel

      • twt.detail.tabDatasheets.title

    • Überschrift

      • twt.detail.tabDatasheets.headline


    Hinweis: Der Tab wird angezeigt, wenn die Funktion in der Theme-Konfiguration als eigener Tab aktiviert wurde und mindestens ein Datenblatt über ein Zusatzfeld (Datenblatt 1–3) befüllt wurde.

    Konfiguration

    Theme-Konfiguration

    Datenblätter
    Produkt-Datenblätter

    Inhalt

    Titel

    Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Zusatzfelder

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Weiterführende Informationen

    Wähle bei "Produkt-Bewertung anzeigen" die gewünschte Option
  • Lege bei "Platzierung" fest, an welcher Stelle die Bewertung erscheint

  • Lege bei "Anordnung" fest, ob Sterne und Link neben- oder untereinander stehen

  • Speicher deine Änderungen nach der Bearbeitung

    • Passe den Einladungstext bei noch nicht bewerteten Produkten über den Textbaustein twt.detail.reviews.linkTextNoReviews an

    • Sterne und Anzahl der Bewertungen werden automatisch ergänzt


    • Produkt-Bewertung anzeigen

      • "nicht anzeigen": Die Bewertung erscheint nicht in der Buybox.

      • "anzeigen (Standard)": Die Bewertung erscheint, sobald das Produkt bewertet wurde – so verhält sich Shopware von Haus aus.

      • "Produkt-Bewertung immer anzeigen": Die Bewertung erscheint auch bei noch nicht bewerteten Produkten. Statt der Anzahl steht dort dann eine Einladung zur ersten Bewertung, die ebenfalls zum Bewertungs-Tab führt.

    • Platzierung

      • "Unter dem Preis (Standard)": Die Bewertung bleibt an ihrem Shopware-Platz in der Buybox.

      • "Über Produktname": Die Bewertung rückt über die Überschrift.

      • "Unter Produktname": Die Bewertung rückt unter die Überschrift.

    • Anordnung

      • "untereinander (Standard)": Die Sterne stehen über dem Link zu den Bewertungen – so verhält sich Shopware von Haus aus.

      • "nebeneinander": Sterne und Link stehen in einer Zeile.

    untereinander | nebeneinander

    Wie die Sterne selbst gezeichnet werden, legst du zentral über den "Stern-Stil" fest – gefüllt oder als Umriss. Die Einstellung wirkt überall, wo Sterne erscheinen, also auch in der Produkt-Box und in den Testimonials. Dasselbe gilt für die Farben "Stern" und "Stern (leer)".

    Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Basiskonfiguration" => Stern-Stil


    • Tab "Produktseiten" => Bereich "Produkt-Bewertung (in der Buybox oder am Produktnamen)" => Produkt-Bewertung anzeigen

    • Tab "Produktseiten" => Bereich "Produkt-Bewertung (in der Buybox oder am Produktnamen)" => Abschnitt "Basiskonfiguration" => Platzierung

    • Tab "Produktseiten" => Bereich "Produkt-Bewertung (in der Buybox oder am Produktnamen)" => Abschnitt "Basiskonfiguration" => Anordnung

    • Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Basiskonfiguration" => Stern-Stil

    • Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Farbkonfiguration" => Stern

    • Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Farbkonfiguration" => Stern (leer)

    • twt.detail.reviews.linkTextNoReviews

    Du suchst die Bewertung in der Produkt-Box? Für Kategorieseiten beschreibt sie der Artikel Bewertung.

    Hinweis: Produkt-Bewertungen sind eine Grundfunktion von Shopware. ThemeWare® erweitert hier lediglich die Steuerung der Darstellung in der Buybox – vor allem um die Option "Produkt-Bewertung immer anzeigen".

    Ob Bewertungen überhaupt möglich und sichtbar sind, steuerst du zentral in den Shopware-Einstellungen ("Einstellungen" > "Shop" > "Produkte" > "Bewertungen anzeigen"). Wie du Bewertungen verwaltest, freigibst und kommentierst, erfährst du hier: Bewertungen

    Konfiguration

    Theme-Konfiguration

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Optionen

    Tipp: "Produkt-Bewertung immer anzeigen" hat zwei Vorteile: Die Buybox behält ihre Höhe und springt nicht, sobald die erste Bewertung eingeht – und du lädst deine Kunden aktiv dazu ein, die erste Bewertung zu schreiben.

    Hinweis: Diese Konfiguration bezieht sich ausschließlich auf die Darstellung in der Buybox. Der Tab "Bewertungen" auf der Produktseite wird davon nicht beeinflusst – er bleibt auch bei "nicht anzeigen" erhalten, samt Bewertungs-Formular.

    Hinweis: Die Platzierungen am Produktnamen greifen auch in den ThemeWare® Bildergalerie-Blöcken mit Produktnamen.

    In der Anordnung "nebeneinander" rutscht der Link automatisch unter die Sterne, wenn der Platz nicht ausreicht – etwa in einer schmalen Buybox oder auf dem Smartphone.

    Aussehen der Sterne

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Versand-Link

    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.

    Hinweis: Welche Seite geöffnet wird, legst du in den Shopware-Einstellungen fest ("Einstellungen" > "Shop" > "Grundeinstellungen" > "Shopseiten" > "Versand- und Zahlungsinformationen"). Es ist dieselbe Seite, die auch Shopwares Steuerhinweis ("zzgl. Versandkosten") öffnet.


    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"

    Slots

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

    • Hersteller – der Herstellername

    • Variantenanzahl – ein Hinweis wie "+ 7 Variationen" bei Elternprodukten mit Varianten

    Die Slots funktionieren unabhängig von den Optionen "Produktnummer anzeigen" / "Hersteller anzeigen" und lassen sich frei kombinieren.


    1. Wechsel in den Tab "Kategorieseiten"

    2. Öffne den Bereich "Produkt-Box"

    3. Scrolle zum Abschnitt "Inhalte"

    4. Setze "Slot über dem Produktnamen" und/oder "Slot unter dem Produktnamen" auf die gewünschte Quelle

    Für die Quelle "Teaser-Text" pflegst du den Text je Produkt über das Zusatzfeld "Teaser-Text".

    Die Texte der Quellen "Produktnummer" und "Variantenanzahl" kannst du über Textbausteine anpassen:

    • twt.listing.ordernumberPrefix – Präfix vor der Produktnummer (Standard: "Nr.")

    • twt.listing.variantCount – Hinweistext zur Variantenanzahl (Standard: "+ %count% Variationen")

    Im Textbaustein "twt.listing.variantCount" stehen dir zwei Platzhalter zur Verfügung:

    • %count% – die Anzahl der weiteren Varianten (z.B. "+ 7 Variationen")

    • %countTotal% – die Gesamtanzahl der Varianten (z.B. "in 8 Variationen erhältlich")


    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Slot über dem Produktnamen

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Slot unter dem Produktnamen

    • "Teaser-Text" (Produkte)

    • twt.listing.ordernumberPrefix

    • twt.listing.variantCount


    Mehr Informationen zum Zusatzfeld "Teaser-Text" findest du hier:

    Einen Überblick über alle Inhalte der Produkt-Box findest du hier:

    Bewertung

    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"

    Hersteller in Listings

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


    1. Wechsel in den Tab "Kategorieseiten"

    2. Öffne den Bereich "Produkt-Box"

    Lagerbestand-Badge

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


    1. Wechsel in den Tab "Kategorieseiten"

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

    3. Scrolle zum Abschnitt "

    Benutzerdefinierter-Tab

    Mit ThemeWare® hast du die Möglichkeit auf Produktseiten einen Tab individuell über ein Zusatzfeld zu befüllen.


    1. Wechsel in den Tab "Produktseiten"

    2. Öffne den Bereich "Tab "Benutzerdefinierter Inhalt""

    3. Aktiviere die Konfiguration "Benutzerdefinierten Tab anzeigen

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen
    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Speicher deine Änderungen nach der Bearbeitung

    Teaser-Text
    Inhalte

    Hinweis: Ein Slot bleibt leer, wenn die gewählte Quelle am Produkt nicht vorhanden ist – also wenn z.B. das Zusatzfeld "Teaser-Text" nicht befüllt oder kein Hersteller gepflegt ist. Die Quelle "Variantenanzahl" erscheint nur bei Elternprodukten mit Varianten.

    Konfiguration

    Theme-Konfiguration

    Zusatzfeld

    Textbausteine

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Textbausteine

    Weiterführende Informationen

    Texte bearbeiten und übersetzen

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

    Der Text ist deine Aussage

    Wichtig: Wenn du im Textbaustein eine Schwelle nennst ("Kostenloser Versand ab 50 €"), muss diese für alle Lieferländer deines Shops gelten.

    Shopware führt Versandkosten pro Versandart, Währung und Regel – ein Textbaustein kann das nicht unterscheiden, denn Textbausteine hängen an der Sprache, nicht am Lieferland. Ein Shop, der nach Deutschland und Österreich liefert, hat für beide dieselbe deutsche Textquelle.

    Automatische Ausnahmen

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Shopware-Einstellung

    Badge: Lagerbestand-Badge
    "
  • Aktiviere die Konfiguration "Lagerbestand-Badge anzeigen"

  • 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 "in der Buybox anzeigen"

    5. Speicher deine Änderungen nach der Bearbeitung


    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) / Schwellwert (hoher Bestand): Grenzwerte für den Modus "ober-/unterhalb des Schwellwerts".


    • 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

      • %stock% wird durch den Lagerbestand ersetzt.

    • twt.extension.stockBadge.stock.label

      • %stock% wird durch den Lagerbestand ersetzt.

    • twt.extension.stockBadge.highStock.icon

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

    • twt.extension.stockBadge.lowStock.icon

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

    Konfiguration

    Theme-Konfiguration

    Kategorieseiten

    Produktseiten

    Hinweis: Das Badge wird angezeigt, wenn das Lagerbestand-Badge aktiviert ist – abhängig vom gewählten Modus dauerhaft oder nur ober-/unterhalb der Schwellwerte (siehe Optionen).

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Scrolle zum Abschnitt "Produkt-Bewertung"

  • Wähle bei "Produkt-Bewertung anzeigen" die gewünschte Option

  • Lege bei "Platzierung" fest, ob die Bewertung in der Box oder auf dem Produktbild liegt

  • Wähle bei "Inhalt" was angezeigt wird

  • Speicher deine Änderungen nach der Bearbeitung


    • Produkt-Bewertung anzeigen

      • "nicht anzeigen": Die Bewertung erscheint nicht in der Produkt-Box.

      • "anzeigen (Standard)": Die Bewertung erscheint, sobald das Produkt bewertet wurde.

      • "Produkt-Bewertung immer anzeigen": Die Bewertung erscheint auch bei noch nicht bewerteten Produkten – dann als leere Sterne. So bleiben alle Produkt-Boxen gleich hoch.

    • Platzierung

      • "in der Box (Standard)": Im Textbereich – die genaue Stelle legt "Position (in der Box)" fest.

      • "auf dem Produktbild": Über das Bild gelegt – die genaue Stelle legt "Position (auf dem Produktbild)" fest.

    • Position (in der Box)

      • "über dem Produktnamen (Standard)"

      • "unter dem Produktnamen"

    • Position (auf dem Produktbild)

      • "oben rechts", "unten rechts", "unten links" oder "unten mittig (Standard)"

    • Inhalt

      • "Einfach (Standard)": Nur Sterne.

      • "Detailliert": Sterne + Anzahl der Bewertungen in Klammern (wird angezeigt, sobald die Bewertungs-Anzahl verfügbar ist).

      • "Zahl": Kompakte Zahl statt Sternen (z.B. "3,4 ★"). Das Dezimaltrennzeichen folgt der Storefront-Sprache.

    • Darstellungsart (in der Box)

      • "Standard": Schlichte Sterne.

      • "Dekoriert": Sterne von Linien flankiert (folgt der Text-Ausrichtung).

    • Darstellungsart (auf dem Produktbild)

      • "Box": Hintergrund + Schatten (bessere Lesbarkeit auf dem Bild).

      • "Clean": Kein Hintergrund/Schatten – die Sterne liegen direkt auf dem Bild.

    • Ecken (auf dem Produktbild)

      • "nicht abgerundet"

      • "abgerundete Ecken": Verwendet die Konfiguration "Abgerundete Ecken" ("Layout" > "Layout" > "Abgerundete Ecken").

      • "runde Ecken (Kapsel/Pill)": Verwendet einen vordefinierten Radius für runde Ecken.

    • Hover-Effekt (auf dem Produktbild)

      • "immer sichtbar (Standard)"

      • "bei Hover einblenden": Die Bewertung bleibt ausgeblendet und wird beim Überfahren der Produkt-Box ein-/hereingeschoben.

      • "bei Hover ausblenden": Die Bewertung ist sichtbar und wird beim Überfahren der Produkt-Box aus-/herausgeschoben – praktisch, um das Bild für die dort erscheinenden Buttons frei zu machen.


    Wie die Sterne selbst gezeichnet werden, legst du zentral über den "Stern-Stil" fest – gefüllt oder als Umriss. Die Einstellung wirkt überall, wo Sterne erscheinen, also auch auf der Produktseite und in den Testimonials. Dasselbe gilt für die Farben "Stern" und "Stern (leer)".

    Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Basiskonfiguration" => Stern-Stil


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

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Platzierung

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Position (in der Box)

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Position (auf dem Produktbild)

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Inhalt

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Darstellungsart (in der Box)

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Darstellungsart (auf dem Produktbild)

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Ecken (auf dem Produktbild)

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung" => Hover-Effekt (auf dem Produktbild)

    • Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Basiskonfiguration" => Stern-Stil

    • Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Farbkonfiguration" => Stern

    • Tab "Layout" => Bereich "Produkt-Bewertung" => Abschnitt "Farbkonfiguration" => Stern (leer)

    Du suchst die Bewertung auf der Produktseite? Für die Buybox beschreibt sie der Artikel Bewertung auf Produktseiten.

    Hinweis: Produkte ohne Bewertung zeigen standardmäßig nichts an. Mit der Option "Produkt-Bewertung immer anzeigen" erscheinen stattdessen leere Sterne.

    Hinweis: Produkt-Bewertungen sind eine Grundfunktion von Shopware. ThemeWare® erweitert deren Darstellung in der Produkt-Box um Platzierung, Inhalt und Optik.

    Ob Bewertungen überhaupt möglich und sichtbar sind, steuerst du zentral in den Shopware-Einstellungen ("Einstellungen" > "Shop" > "Produkte" > "Bewertungen anzeigen"). Wie du Bewertungen verwaltest, freigibst und kommentierst, erfährst du hier: Bewertungen

    Konfiguration

    Theme-Konfiguration

    Optionen

    Hinweis: "Darstellungsart (auf dem Produktbild)", "Ecken (auf dem Produktbild)" und "Hover-Effekt (auf dem Produktbild)" wirken nur, wenn die Bewertung auf dem Produktbild liegt. "Ecken" greift dort zusätzlich nur bei der Darstellungsart "Box". Der Hover-Effekt hat auf Touch-Geräten keine Wirkung – dort bleibt die Bewertung dauerhaft sichtbar.

    Hinweis: Die Positionen "oben rechts", "unten rechts" und "unten links" können sich mit dem Merkzettel- und Quickview-Button überschneiden (siehe "Position" im Bereich "Merkzettel-Button").

    Aussehen der Sterne

    Zusammenfassung

    Theme-Konfiguration

    Scrolle zum Abschnitt "Inhalte"

  • Setze die Konfiguration "Hersteller anzeigen" auf "anzeigen"

  • 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 "Hersteller anzeigen" auf "anzeigen"

    5. Speicher deine Änderungen nach der Bearbeitung

    • 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

    ThemeWare® "Hersteller in Listings"

    Hinweis: Der Hersteller wird in der Produkt-Box nur angezeigt, wenn die Konfiguration "Hersteller anzeigen" aktiviert ist und dem Produkt ein Hersteller zugewiesen ist.

    Konfiguration

    Theme-Konfiguration

    Je Layout-Typ

    Hinweis: Die Konfigurationen in den Layout-Typ-Bereichen greifen nur, wenn im Bereich "Produkt-Box" bei "Hersteller anzeigen" die Option "je Layout-Typ" ausgewählt ist.

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    "
  • Speicher deine Änderungen nach der Bearbeitung

  • Der "Benutzerdefinierte-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.tabCustom.title.

    Dieser Textbaustein ist für eine globale Bezeichnung des Tabs (standardmäßig "Benutzerdefinierter-Tab") vorgesehen. Dadurch heißt dieser Tab auf allen Produktseiten gleich. Dies ist völlig ausreichend, wenn der Tab Shop übergreifend mit identischen Inhalten befüllt wird (z.B. eine "Pflegeanleitung").

    Möchtest du den Tab aber in verschiedenen Produkten unterschiedlich benennen, kannst du das Zusatzfeld "Benutzerdefinierter-Tab – Titel" nutzen.

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

    Um den Text des Tabs zu befüllen, nutze einfach das Zusatzfeld "Benutzerdefinierter-Tab – Text". Der Tab wird nur angezeigt, wenn dieses Zusatzfeld für das entsprechende Produkt bzw. die entsprechende Variante auch tatsächlich befüllt ist.


    • Überschrift anzeigen

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



    • Tab "Produktseiten" => Bereich "Tab "Benutzerdefinierter Inhalt"" => Benutzerdefinierten Tab anzeigen

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

    • Titel

      • twt.detail.tabCustom.title

    • Überschrift

      • twt.detail.tabCustom.headline

    • Benutzerdefinierter-Tab – Titel

    • Benutzerdefinierter-Tab – Text

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki: Eigenen Tab auf der Produktseite anlegen

    Konfiguration

    Theme-Konfiguration

    Benutzerdefinierter-Tab – Titel
    Benutzerdefinierter-Tab – Text

    Inhalt

    Titel

    Überschrift

    Text

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Die Richtung, in die ein- bzw. ausgeblendet wird, folgt der Ausrichtung.

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen
    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Hero-Sektion

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

    ThemeWare® "Hero-Sektion"

    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.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

    2. Öffne den Bereich "Hero-Sektion (auf Kategorieseiten)"

    3. Aktiviere die Konfiguration "Hero-Sektion anzeigen (CMS-Listingseiten)"

    4. Optional: Passe die weiteren Optionen an (siehe Abschnitt "Optionen") – z.B. die Integration der Breadcrumb

    5. Speicher deine Änderungen nach der Bearbeitung

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

    2. Wähle die gewünschte Kategorie aus (3)

    3. Rechts neben der Kategorie-Liste öffnet sich nun die entsprechende Kategorie im Kategorie-Editor (4)

    4. Du befindest dich im Tab "Allgemein"


    Hier hast du für Listingseiten und Shopseiten jeweils die folgende Optionen:

    • nicht anzeigen

    • anzeigen

    • anzeigen (per Zusatzfeld)

    Dies ist die Standard-Einstellung. In diesem Fall wird die "Hero-Sektion" auf dem entsprechenden Seitentyp nicht angezeigt.

    Wählst du die Option anzeigen, wird die "Hero-Sektion" auf allen Seiten des entsprechenden Seitentyps angezeigt.

    Wählst du anzeigen (per Zusatzfeld) wird die "Hero-Sektion" auf dem entsprechenden Seitentyp nur angezeigt, wenn du das Zusatzfeld in der entsprechenden Kategorie auf ja konfiguriert hast.


    Im selben Bereich passt du die Darstellung der "Hero-Sektion" an:

    • Nächstes Element hochziehen

      • Zieht das nächste Element ein Stück über die Hero-Sektion: "nein", "ja" oder "ja (über Zusatzfeld)". (Beta)

    • Textfarbe

      • "weißer", "heller", "dunkler" oder "schwarzer Text".

    Farben, Schrift und weitere Feinheiten passt du ebenfalls in der Theme-Konfiguration an.


    Wie du sicherlich bereits weißt, ist die Theme-Konfiguration stets global, das heißt sie gilt Shopübergreifend für alle Seiten. Dies gilt auch für die Konfiguration der "Hero-Sektion". Du kannst du Theme-Konfiguration allerdings mit eine Auswahl an Zusatzfelder in beliebigen Kategorien "überschreiben" und beispielsweise eine andere Farbe für die "Hero-Sektion" in einer beliebigen Kategorie nutzen.

    Mehr Informationen zu den Zusatzfeldern findest du in folgendem Artikel:


    • Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Hero-Sektion anzeigen (CMS-Listingseiten)

    • Tab "Erweiterungen" => Bereich "Hero-Sektion (auf Kategorieseiten)" => Hero-Sektion anzeigen (CMS-Shopseiten)

    Im Bereich "Allgemein" kannst du den Kategorie-Namen (Name) bearbeiten

  • Scrolle zum Bereich "Menü-Einstellungen"

  • Hier kannst du das Kategorie-Bild (Anzeigebild) bearbeiten

  • Speicher deine Änderungen

  • Textausrichtung

    • "links", "zentriert" oder "rechts ausrichten".

  • Größenmodus

    • "Container-Max-Width (Full-width Boxed)" oder "100% (Full-width)".

  • Breite des Inhalts

    • Maximale Breite des Inhalts in Pixeln (z.B. 1200px) oder 100%.

  • Abstand oben

    • Abstand nach oben – gilt nur für Seiten mit "Erlebniswelt-Header".

  • Overlay (Hintergrundfarbe & Deckkraft)

    • Farb-Overlay über dem Hintergrundbild inkl. Deckkraft.

  • Fixierung (Hintergrundbild)

    • "Hintergrundbild scrollt mit der Seite (scroll)" oder "Hintergrundbild bleibt fixiert (fixed)".

  • Parallax-Effekt (Hintergrundbild)

    • "nein" oder "ja" – nur bei fixiertem Hintergrundbild; der Effekt wird per JavaScript gesteuert.

  • Breadcrumb anzeigen

    • Fügt der Hero-Sektion eine Breadcrumb hinzu ("nein" / "ja").

  • Breadcrumb – Position

    • "oben" oder "unten ausrichten".

  • Breadcrumb – Inhalt ausrichten

    • "links", "zentriert" oder "rechts ausrichten".

  • Hero-Sektion
    Hero-Sektion
    Kategorie-Hero-Sektion einrichten
    Shopware 6 "Kategorie-Verwaltung"

    Inhalt

    Anzeigeoptionen

    nicht anzeigen

    anzeigen

    Tipp: Über das Zusatzfeld kannst du die Anzeige dennoch in jeder beliebigen Kategorie unterbinden und so ausgewählte Kategorien individuell gestalten.

    anzeigen (per Zusatzfeld)

    Optionen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Slideout-Communities

    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.

    ThemeWare® "Slideout-Communities"

    Hinweis: Die Slideout-Communities werden angezeigt, wenn die Konfiguration "Slideout-Communities anzeigen" aktiviert ist. Die angezeigten Kanäle und Texte stammen aus dem "Communities (Social Media)"-Widget.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

    2. Öffne den Bereich "Slideout-Communities"

    3. Aktiviere die Konfiguration "Slideout-Communities anzeigen"

    4. Speicher deine Änderungen nach der Bearbeitung


    Über die "Darstellungsart" wählst du zwischen "einfarbig" (Link in Iconfarbe) und "mehrfarbig" (individuelle Hintergrundfarbe je Kanal).


    • Tab "Erweiterungen" => Bereich "Slideout-Communities" => Slideout-Communities anzeigen

    • Tab "Erweiterungen" => Bereich "Slideout-Communities" => Darstellungsart


    Mehr Informationen zu den Textbausteinen findest du in unserem Artikel über das ThemeWare® "Communities (Social Media)"-Widget:

    Communities bzw. Social Media

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Weiterführende Informationen

    Inhalte

    Im Abschnitt "Inhalte" legst du fest, welche Angaben die Produkt-Box in deinen Kategorie-Listings zeigt. Dazu gehören:

    • die beiden freien Slots über und unter dem Produktnamen

    • die Produktbeschreibung (wahlweise die ThemeWare® Kurzbeschreibung) inklusive Viewport-Steuerung

    • die Variantenmerkmale

    • Produktnummer und Hersteller

    • die Preisangaben Preiseinheit, günstigster Preis, Listenpreis und Listenpreis in Prozent


    1. Wechsel in den Tab "Kategorieseiten"

    2. Öffne den Bereich "Produkt-Box"

    3. Scrolle zum Abschnitt "Inhalte"

    4. Wähle bei den einzelnen Konfigurationen die gewünschten Optionen


    • Slot über dem Produktnamen und Slot unter dem Produktnamen

      • "nicht anzeigen"

      • "Produktnummer": die Produktnummer.

      • "Teaser-Text (Zusatzfeld)": ein kurzer frei pflegbarer Text je Produkt (Zusatzfeld "Teaser-Text").


    Die Labels und Texte der Inhalte passt du über Textbausteine an:

    • twt.listing.ordernumberLabel – Label vor der Produktnummer ("Produktnummer anzeigen")

    • twt.listing.manufacturerLabel – Label vor dem Herstellernamen ("Hersteller anzeigen")

    • twt.listing.ordernumberPrefix – Präfix vor der Produktnummer (Slots)


    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Slot über dem Produktnamen

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Slot unter dem Produktnamen

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

    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Produktbeschreibung anzeigen ab ...

    • "Teaser-Text" (Produkte)

    • "Kurzbeschreibung" (Produkte)

    • twt.listing.ordernumberLabel

    • twt.listing.manufacturerLabel

    • twt.listing.ordernumberPrefix


    Die einzelnen Inhalte sind in eigenen Artikeln beschrieben:

    Speicher deine Änderungen nach der Bearbeitung

    "Hersteller": der Herstellername.

  • "Variantenanzahl": ein Hinweis wie "+ 7 Variationen" bei Elternprodukten mit Varianten.

  • Produktbeschreibung anzeigen

    • "nicht anzeigen"

    • "anzeigen (Standard)": Zeigt die gekürzte Produktbeschreibung von Shopware.

  • Produktbeschreibung anzeigen ab ...

    • "immer anzeigen (Standard)", "nicht anzeigen", "Phone (Querformat) (≥576px)", "Tablet (Hochformat) (≥768px)", "Tablet (Querformat) (≥992px)", "Desktop (≥1200px)" oder "Desktop (≥1400px)": Unterhalb des gewählten Viewports wird die Beschreibung ausgeblendet.

  • Kurzbeschreibung verwenden

    • "nicht verwenden"

    • "verwenden": Zeigt die ThemeWare® Kurzbeschreibung (Zusatzfeld "Kurzbeschreibung") anstelle der Produktbeschreibung, sofern sie am Produkt befüllt ist.

  • Variantenmerkmale anzeigen

    • "nicht anzeigen"

    • "anzeigen (Standard)"

  • Produktnummer anzeigen

    • "nicht anzeigen"

    • "anzeigen": Zeigt die Produktnummer (bzw. Bestellnummer) in der Produkt-Box.

    • "je Layout-Typ": Die Anzeige wird separat in den Bereichen "Produkt-Box (Layout-Typ 'Standard')", "Produkt-Box (Layout-Typ 'Großes Bild')" und "Produkt-Box (Layout-Typ 'Minimaler Inhalt')" gesteuert.

  • Hersteller anzeigen

    • "nicht anzeigen"

    • "anzeigen": Zeigt den Herstellernamen in der Produkt-Box.

    • "je Layout-Typ": Die Anzeige wird separat in den Bereichen "Produkt-Box (Layout-Typ 'Standard')", "Produkt-Box (Layout-Typ 'Großes Bild')" und "Produkt-Box (Layout-Typ 'Minimaler Inhalt')" gesteuert.

  • Preiseinheit anzeigen

    • "nicht anzeigen": Blendet den Preis pro Einheit (Grundpreis) aus, sofern er für deinen Shop nicht relevant ist.

    • "anzeigen (Standard)"

  • Günstigsten Preis anzeigen

    • "nicht anzeigen"

    • "anzeigen (Standard)"

  • Listenpreis anzeigen

    • "nicht anzeigen"

    • "anzeigen (Standard)"

  • Listenpreis in Prozent anzeigen

    • "nicht anzeigen"

    • "anzeigen (Standard)"

  • twt.listing.variantCount – Hinweistext zur Variantenanzahl (Slots)

    Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Kurzbeschreibung verwenden

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

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

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

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

  • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Günstigsten Preis anzeigen

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

  • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Listenpreis in Prozent anzeigen

  • Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ 'Standard')" => Abschnitt "Inhalte" => Produktnummer 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" => Produktnummer 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" => Produktnummer anzeigen

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

  • twt.listing.variantCount
    Slots
    Produktnummer in Listings
    Hersteller in Listings
    Produkt-Kurzbeschreibung

    Hinweis: Die Produktbeschreibung bzw. die Kurzbeschreibung ist nur im Layout-Typ "Standard" der Produkt-Box vorhanden.

    Konfiguration

    Theme-Konfiguration

    Optionen

    Hinweis: Die Slots arbeiten unabhängig von den Optionen "Produktnummer anzeigen" und "Hersteller anzeigen" und lassen sich frei mit ihnen kombinieren.

    Textbausteine

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfelder

    Textbausteine

    Weiterführende Informationen

    Produktvideos

    ThemeWare® bietet die Möglichkeit, Videos über Zusatzfelder zu Produkten hinzuzufügen und diese auf Produktseiten darzustellen.

    ThemeWare® "Produktvideos"

    Hinweis: Die Produktvideos werden angezeigt, wenn die Konfiguration "Produktvideos anzeigen" aktiviert ist und für das Produkt mindestens ein Video über ein Zusatzfeld (YouTube, Vimeo oder Video 1–3) hinterlegt wurde. Über die Position legst du fest, ob sie über oder unter den Eigenschaften erscheinen.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Produktseiten"

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

    3. Scrolle zum Abschnitt "Produktvideos"

    4. Aktiviere die Konfiguration "Produktvideos anzeigen"

    5. Optional: Nutze die weiteren Konfigurationsmöglichkeiten

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

    • Passe die Überschrift im Tab "Beschreibung" über den folgenden Textbaustein an:

      • twt.detail.productVideos.title


    • Position Produktvideos

      • Lege fest, ob die Produktvideos "über den Eigenschaften" oder "unter den Eigenschaften" angezeigt werden.



    • Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Produktvideos" => Produktvideos anzeigen / Position Produktvideos

    • twt.detail.productVideos.title (Headline im Tab "Beschreibung")

    • twt.detail.productVideos.fallback (Fallback-Bezeichnung eines Videos)

    • twt.detail.productVideos.iframe.title (Titel-Attribut des Video-iframes)


    Möchtest du die Produktvideos in einem separaten Tab anzeigen lassen, nutze einfach den ThemeWare® Videos-Tab:

    Scrolle zum Abschnitt "
    Zusatzfelder
    "
  • Wähle das Zusatzfeld-Set deines Themes aus

  • Gebe die Video-ID ins Zusatzfeld "YouTube-Video" und/oder "Vimeo-Video" ein

    • Tipp: Mehrere Video-IDs können kommasepariert eingegeben werden

  • Speicher deine Änderungen

  • twt.detail.productVideos.iframe.positionSuffix (Positions-Zusatz im iframe-Titel)

    Videos
    YouTube-Video(s)
    Vimeo-Video(s)
    Video 1-3
    Video 1-3 – Titel
    Videos-Tab
    Produktvideos einbinden (YouTube & Vimeo)
    Shopware 6 Produkt-Verwaltung

    Inhalt

    Hinweis: Mehr Informationen über das entsprechende Zusatzfeld findest du hier in den Artikeln und .

    Text: Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Weiterführende Informationen

    Produkt-Videos (Text)
    YouTube-Video(s)
    Vimeo-Video(s)
    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Produkt-Badges

    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.

    ThemeWare® "Produkt-Badges" (Kategorien)
    ThemeWare® "Produkt-Badges" (Produktseiten / Galerie)
    ThemeWare® "Produkt-Badges" (Produktseiten / Buybox)

    Hinweis: Die Produkt-Badges sind unabhängig voneinander – je nach Produktdaten und Konfiguration können mehrere Badges gleichzeitig erscheinen. Für jedes Badge legst du getrennt fest, ob es in der Produkt-Box der Kategorieseiten und/oder auf der Produktseite (in der Galerie oder in der Buybox) angezeigt wird – vorausgesetzt das Badge ist aktiviert und das Produkt erfüllt die zugehörige Bedingung.


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

    Ausverkauft-Badge
    Lagerbestand-Badge
    Neu-Badge
    Rabatt-Badge
    Topseller-Badge
    Versandkostenfrei-Badge

    Zusammenfassung

    Theme-Konfiguration

    Erweiterungen

    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

    Ankündigungsbanner

    Checkout-Steps

    Erlebniswelt-Header

    Floating-Widget

    GPSR-Informationen auf Produktseiten

    Hero-Sektion

    Hersteller auf Produktseiten

    Hersteller in Listings

    Individuelle Ankündigung

    Kategorie hervorheben

    Labels auf Produktseiten

    Produkt-Badges

    Produkt-Datenblätter

    Produkt-Downloads

    Produkt-Kurzbeschreibung

    Produkt-Spezifikationen

    Produkt-Symbole (Hinweisbilder)

    Produktnummer in Listings

    Produktvideos

    Quickview

    Slideout-Communities

    Social-Media-Links (Icons)

    Social-Proofing

    Tabs auf Produktseiten

    Teilen-Links

    Unterkategorien im Listing

    USP-Bar

    Vorteile auf Produktseiten

    Weiterführende Links

    Zahlungsarten auf Produktseiten

    USP-Bar

    Die USP-Bar zeigt zentrale Verkaufsargumente (USPs) als kompakte Leiste – wahlweise im Header und/oder im Footer.

    ThemeWare® "USP-Bar"

    Hinweis: Die USP-Bar wird im Header und/oder im Footer angezeigt, je nachdem welche der beiden Konfigurationen ("USP-Bar im Header anzeigen" / "USP-Bar im Footer anzeigen") aktiviert ist. Die Inhalte der einzelnen USPs pflegst du über Textbausteine.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

    2. Öffne den Bereich "USP-Bar"

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

    4. Speicher deine Änderungen nach der Bearbeitung

    • Pro USP (1–6) pflegst du Icon, Titel, Untertitel und Tooltip jeweils über einen eigenen Textbaustein – exemplarisch für USP 1:

      • twt.extension.uspBar.usp1.icon

      • twt.extension.uspBar.usp1.title


    • Position (Header)

      • Platziert die Leiste "über dem Header", "über der Navigation" oder "unter dem Header". (Der Full-width Sticky-Header und der Erlebniswelt-Header unterstützen nur "über dem Header".)

    • Position (Footer)


    • Tab "Erweiterungen" => Bereich "USP-Bar" => USP-Bar im Header anzeigen / USP-Bar im Footer anzeigen

    • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "Basiskonfiguration" => Position (Header/Footer) / Darstellungsart (Header/Footer) / Untertitel anzeigen (große Icons) / Inhalt (Widget) / Größenmodus (Header/Footer)

    • Tab "Erweiterungen" => Bereich "USP-Bar" => Abschnitt "USPs" => Vorteil 1–6 anzeigen ab ...

    • Icons

      • twt.extension.uspBar.usp1.icon

      • twt.extension.uspBar.usp2.icon

    twt.extension.uspBar.usp1.subtitle
  • twt.extension.uspBar.usp1.tooltip

  • Platziert die Leiste "über dem Footer".
  • Darstellungsart (Header)

    • "kleine Icons", "kleine Icons + Top-Bar" (verschiebt die Top-Bar in die USP-Bar) oder "kleine Icons + Widget" (platziert rechts ein Widget, siehe "Inhalt (Widget)").

  • Darstellungsart (Footer)

    • "kleine Icons", "große Icons, Text unterhalb" oder "große Icons, Text daneben".

  • Untertitel anzeigen (große Icons)

    • Blendet den Untertitel unter dem Titel ein – nur bei Darstellungsarten mit großen Icons.

  • Inhalt (Widget)

    • Wählt das Widget für die Darstellungsart "kleine Icons + Widget": "nicht anzeigen" oder "Communities bzw. Social Media" (Konfiguration im Tab "Widgets").

  • Größenmodus (Header) / Größenmodus (Footer)

    • Breite der Leiste: "Container-Max-Width (Full-width Boxed)" oder "100% (Full-width)".

  • Vorteil 1–6 anzeigen ab ... (Abschnitt "USPs")

    • Steuert je USP, ab welchem Breakpoint er erscheint (z.B. "Phone (Hochformat) (<576px)", "Tablet (Hochformat) (≥768px)", "Desktop (≥1200px)") oder "nicht anzeigen".

  • twt.extension.uspBar.usp3.icon

  • twt.extension.uspBar.usp4.icon

  • twt.extension.uspBar.usp5.icon

  • twt.extension.uspBar.usp6.icon

  • Titel

    • twt.extension.uspBar.usp1.title

    • twt.extension.uspBar.usp2.title

    • twt.extension.uspBar.usp3.title

    • twt.extension.uspBar.usp4.title

    • twt.extension.uspBar.usp5.title

    • twt.extension.uspBar.usp6.title

  • Untertitel

    • twt.extension.uspBar.usp1.subtitle

    • twt.extension.uspBar.usp2.subtitle

    • twt.extension.uspBar.usp3.subtitle

    • twt.extension.uspBar.usp4.subtitle

    • twt.extension.uspBar.usp5.subtitle

    • twt.extension.uspBar.usp6.subtitle

  • Tooltips

    • twt.extension.uspBar.usp1.tooltip

    • twt.extension.uspBar.usp2.tooltip

    • twt.extension.uspBar.usp3.tooltip

    • twt.extension.uspBar.usp4.tooltip

    • twt.extension.uspBar.usp5.tooltip

    • twt.extension.uspBar.usp6.tooltip

  • Aria-Label

    • twt.extension.uspBar.ariaLabel.header

    • twt.extension.uspBar.ariaLabel.footer

  • Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    GPSR-Tab

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

    GPSR-Informationen in einem separaten Tab

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

    GPSR-Informationen auf Produktseiten

    Hinweis: Der Tab wird angezeigt, wenn die Konfiguration "Produktsicherheit (GPSR) anzeigen" auf "in separatem Tab anzeigen" gesetzt wurde und die passenden Zusatzfelder im Hersteller oder Produkt befüllt sind.


    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

    twt.detail.tabGpsr.headline
    • %manufacturer% wird durch den Herstellernamen ersetzt.

    Inhalt

    Titel

    Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Quickview

    Info: Diese Funktion befindet sich in der Beta-Phase und kann sich in einem kommenden Update noch ändern.

    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

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Lieferinformationen auf Produktseiten

    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.

    ThemeWare® "Lieferinformationen auf der Produktseite"

    Hinweis: Die Verfügbarkeits-Hinweise ("Nicht verfügbar", "Vorbestellung", "Lieferzeit", "Ausverkauft" und "Versandfertig in …") schließen sich gegenseitig aus – abhängig vom Produktstatus wird pro Produkt immer nur einer davon angezeigt. Die Hinweise "Versandkostenfrei" und "Lagerbestand" sind davon unabhängig und können zusätzlich erscheinen.


    Darstellungsart

    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.

    • Badge: Ein abgerundetes Badge ohne Punkt – übernimmt Eckenart und Schriftgröße der Produkt-Badges.

    • Chip: Der Punkt sitzt in einem getönten Kreis, der Text daneben; beim Überfahren wächst der Kreis hinter den Text zur Pille.

    Mit "Anordnung" legst du fest, ob die Hinweise neben- oder untereinander stehen, mit "Position", ob sie über oder unter dem Preis erscheinen.


    Die Konfiguration findest du im Tab "Produktseiten".

    Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)"


    • Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Basiskonfiguration" => Darstellungsart

    • Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Basiskonfiguration" => Anordnung

    • Tab "Produktseiten" => Bereich "Lieferinformationen (in der Buybox)" => Abschnitt "Basiskonfiguration" => Position

    • Tab "Weiteres" => Bereich "Kompatibilität (HC-Architecture®)" => Abschnitt "Produktseiten" => Lieferinformationen (in der Buybox)

  • Ausverkauft-Label
    Nicht verfügbar-Label
    Lagerbestand-Label
    Lieferzeit-Label

    Hinweis: Steht die Kompatibilitätsoption "Lieferinformationen (in der Buybox)" auf "Standard", gibt Shopware seine Textzeilen an gewohnter Stelle aus – die Darstellungsart gilt dann nur noch für den Lagerbestand-Hinweis.

    Konfiguration

    Verfügbare Hinweise

    Zusammenfassung

    Theme-Konfiguration

    Versandkostenfrei-Label
    Vorbestellung-Label

    Produkt-Downloads

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

    Hinweis: Derzeit werden nur Dateien vom Typ "PDF" unterstützt.

    Hinweis: Die Meidenverwaltung von Shopware 6 unterstützt leider derzeit keine Zip-Dateien. Sobald dies möglich ist, kannst du auch diese nutzen.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:

    Hinweis: Die Downloads werden im "Beschreibung"-Tab angezeigt, wenn die Konfiguration "Downloads anzeigen" aktiviert ist und mindestens ein Download über ein Zusatzfeld (Download 1–3) befüllt wurde.


    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

    Wähle das Zusatzfeld-Set "Downloads" deines Themes aus

  • Wähle im Zusatzfeld "Download 1-3" eine Datei (PDF-Datei) aus deiner Medienverwaltung aus

  • Gebe den gewünschten Linktext in das Zusatzfeld "Download 1-3 – Titel" ein

  • Optional: Gebe einen Beschreibungstext in das Zusatzfeld "Download 1-3 – Beschreibung" ein

  • Speicher deine Änderungen

  • Downloads
    Download 1-3
    Download 1-3 – Titel
    Download 1-3 – Beschreibung
    Downloads am Produkt bereitstellen
    Shopware 6 Produkt-Verwaltung

    Downloads (Zusatzfeld)

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Kategorie hervorheben

    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.

    Hervorgehobene Kategorie in der Top-Navigation

    Hinweis: Eine Kategorie wird in der Top-Navigation nur dann hervorgehoben, wenn bei ihr das Zusatzfeld "Kategorie hervorheben" auf "ja" gesetzt ist. Die Theme-Konfiguration legt dabei lediglich das Aussehen der Hervorhebung fest.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Header"

    2. Öffne den Bereich "Top-Navigation"

    3. Scrolle zum Abschnitt "Menüpunkt (hervorgehoben)"

    4. Konfiguriere die Hervorhebung nun nach belieben

    5. Speicher deine Änderungen nach der Bearbeitung

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

    2. Wähle die gewünschte Kategorie aus (3)

    3. Rechts neben der Kategorie-Liste öffnet sich nun die entsprechende Kategorie im Kategorie-Editor (4)

    4. Du befindest dich im Tab "Allgemein"



    • Tab "Header" => Bereich "Top-Navigation" => Abschnitt "Menüpunkt (hervorgehoben)"

    Produkt-Spezifikationen

    ThemeWare® biete die Möglichkeit neben der Produktnummer viele weitere Produkt-Spezifikationen (z.B. Hersteller, Maße, Gewicht, Verfügbarkeit usw.) in der Buybox auf Produktseiten anzuzeigen.

    Zudem können drei Zusatzfelder genutzt werden, um die bestehenden Spezifikationen individuell zu ergänzen.

    Für die Darstellung stehen zwei Stile zur Verfügung: "Standard" (Liste) und "Kompakt" (platzsparendes Raster, bei dem das Label über dem jeweiligen Wert steht).


    1. Wechsel in den Tab "Produktseiten"

    Scrolle zum Bereich "Zusatzfelder"

  • Aktiviere die Hervorhebung mit dem Zusatzfeld "Kategorie hervorheben" und der Option "ja"

  • Speicher deine Änderungen

  • Kategorie hervorheben
    Kategorie hervorheben
    Kategorie in der Navigation hervorheben
    Shopware 6 "Kategorie-Verwaltung"

    Kategorie hervorheben (Zusatzfeld)

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Öffne den Bereich "Produkt-Spezifikationen (in der Buybox)"

  • Wähle im Abschnitt "Basiskonfiguration" über die Konfiguration "Stil" die gewünschte Darstellung ("Standard" oder "Kompakt")

  • Aktiviere die gewünschten Spezifikationen

  • 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. In den Tabs "Allgemein" und "Spezifikationen" findest du alle Produkt-Spezifikationen von Shopware

    4. Speicher deine Änderungen

    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"

    5. Wähle das Zusatzfeld-Set deines Themes aus

    6. Gebe den gewünschten Text ins Zusatzfeld "Zusatzfeld 1", "Zusatzfeld 2" bzw. "Zusatzfeld 3" ein

    7. Speicher deine Änderungen

    Shopware 6 Produkt-Verwaltung

    Die Labels der Spezifikationen und Zusatzfelder kannst du mit der "Textbaustein-Verwaltung" über folgende Textbausteine ändern bzw. übersetzen:

    • Breite: twt.detail.widthLabel

    • EAN: twt.detail.eanLabel

    • Gewicht: twt.detail.weightLabel

    • Hersteller: twt.detail.manufacturerLabel

    • Hersteller-Nr.: twt.detail.manufacturernumberLabel

    • Höhe: twt.detail.heightLabel

    • Lagerbestand: twt.detail.availableStockLabel

    • Länge: twt.detail.lengthLabel

    • Lieferzeit: twt.detail.deliveryTimeLabel

    • Maximalabnahme: twt.detail.maxpurchaseLabel

    • Mindestabnahme: twt.detail.minpurchaseLabel

    • Zusatzfeld 1: twt.detail.customFields.customField1.label

    • Zusatzfeld 2: twt.detail.customFields.customField2.label

    • Zusatzfeld 3: twt.detail.customFields.customField3.label



    • Tab "Produktseiten" => Bereich "Produkt-Spezifikationen (in der Buybox)"

    • twt.detail.availableStockLabel

    • twt.detail.customFields.customField1.label

    • twt.detail.customFields.customField2.label

    • twt.detail.customFields.customField3.label

    • twt.detail.deliveryTimeLabel

    • twt.detail.eanLabel

    • twt.detail.heightLabel

    • twt.detail.lengthLabel

    • twt.detail.maxpurchaseLabel

    • twt.detail.minpurchaseLabel

    • twt.detail.manufacturerLabel

    • twt.detail.manufacturernumberLabel

    • twt.detail.weightLabel

    • twt.detail.widthLabel

    • Zusatzfeld 1

    • Zusatzfeld 2

    • Zusatzfeld 3


    Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    ThemeWare® "Produkt-Spezifikationen"
    ThemeWare® "Produkt-Spezifikationen" im Stil "Kompakt"

    Hinweis: Jede Spezifikation wird einzeln über die Theme-Konfiguration aktiviert und nur dann angezeigt, wenn das jeweilige Feld am Produkt einen Wert hat (z.B. der Hersteller-Eintrag nur, wenn dem Produkt ein Hersteller zugewiesen ist). Die drei Zusatzfelder erscheinen entsprechend nur, wenn sie befüllt sind.

    Konfiguration

    Theme-Konfiguration

    Zusatzfeld 1
    Zusatzfeld 2
    Zusatzfeld 3

    Hinweis: Die Konfiguration "Abstand (Abschnitte)" wirkt nur im Stil "Standard". Im Stil "Kompakt" werden alle Spezifikationen in einem gemeinsamen Raster dargestellt.

    Produkt-Spezifikationen

    ThemeWare® Zusatzfeld 1-3

    Text: Bezeichnungen/Labels

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Weiterführende Informationen

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Social-Media-Links (Icons)

    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]

    Communities bzw. Social Media

    Individuelle Ankündigung

    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.

    ThemeWare® "Individuelle Ankündigung" (Produktseiten)
    ThemeWare® "Individuelle Ankündigung" (Checkout)

    Hinweis: Die Ankündigung wird angezeigt, wenn sie in der Theme-Konfiguration aktiviert ist (wahlweise überall, nur auf Produktseiten oder nur im Checkout), der Textbaustein "twt.extension.customAnnouncement.content" befüllt ist und – sofern gesetzt – das aktuelle Datum im konfigurierten Start-/Endzeitraum liegt.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

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

    3. Setze die Konfiguration "Individuelle Ankündigung anzeigen" auf den gewünschten Modus ("anzeigen", "anzeigen (nur auf Produktseiten)" oder "anzeigen (nur im Checkout)")

    4. Speicher deine Änderungen nach der Bearbeitung

    • Passe den Text über den folgenden Textbaustein an:

      • twt.extension.customAnnouncement.content


    • Individuelle Ankündigung anzeigen

      • Legt fest, wo die Ankündigung erscheint: "anzeigen" (überall), "anzeigen (nur auf Produktseiten)" oder "anzeigen (nur im Checkout)".

    • Startdatum / Enddatum


    • Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Individuelle Ankündigung anzeigen

    • Tab "Erweiterungen" => Bereich "Individuelle Ankündigung (auf Produktseiten und im Checkout)" => Abschnitt "Basiskonfiguration" => Startdatum / Enddatum

    • twt.extension.customAnnouncement.content

    Erlebniswelt-Header

    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.


    1. Wechsel in den Tab "Header"

    2. Öffne den Bereich "Erlebniswelt-Header"

    Nicht verfügbar-Label

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


    1. Wechsel in den Tab "Produktseiten"

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

    3. Scrolle zum Abschnitt "Nicht verfügbar

    Schränkt die Anzeige der Ankündigung auf einen Zeitraum ein.

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

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

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

    Wichtig: Damit das Element hinter dem Header sichtbar wird, sollte die Hintergrundfarbe des Headers und seiner Bestandteile auf "transparent" bzw. "rgba(0, 0, 0, 0)" gesetzt werden.

    Konfiguration

    Theme-Konfiguration

    "
  • Aktiviere die Konfiguration "'Nicht verfügbar' anzeigen"

  • Speicher deine Änderungen nach der Bearbeitung


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

    • general.deliveryNotAvailable

    Konfiguration

    Theme-Konfiguration

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Hinweis: Der Hinweis wird angezeigt, wenn das Produkt deaktiviert (nicht aktiv) ist – vorausgesetzt die Konfiguration "'Nicht verfügbar' anzeigen" ist aktiviert. Die Optik folgt der "Darstellungsart" im Abschnitt "Basiskonfiguration".

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Zusatzfeld (Kategorieseiten)

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Weiterführende Informationen

    Lagerbestand-Label

    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.

    Hinweis: Der Lagerbestand-Hinweis ist eine ThemeWare® Ergänzung ohne Shopware-Gegenstück. Er erscheint deshalb auch dann, wenn die Kompatibilitätsoption "Lieferinformationen (in der Buybox)" auf "Standard" steht.


    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

    Social-Proofing

    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 Verkäufe-Infotext auf der Produktseite bekräftigt das vorangegangene Käufer sehr zufrieden waren.

    ThemeWare® "Social-Proofing" (Buybox)

    Topseller-Badge

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

    /
    Schwellwert (hoher Bestand)
    : Grenzwerte für den Modus "ober-/unterhalb des Schwellwerts".
  • %stock% wird durch den Lagerbestand ersetzt.

  • twt.detail.stockLabel.stock.label

    • %stock% wird durch den Lagerbestand ersetzt.

  • Hinweis: Der Hinweis wird angezeigt, wenn "Lagerbestand-Hinweis anzeigen" aktiviert ist – abhängig vom gewählten Modus dauerhaft oder nur ober-/unterhalb der Schwellwerte (siehe Optionen). Die Optik folgt der "Darstellungsart" im Abschnitt "Basiskonfiguration".

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Scrolle zum Abschnitt "Badge: Topseller-Badge"

  • Aktiviere die Konfiguration "Topseller-Badge anzeigen"

  • 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: Topseller-Badge"

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

    5. Speicher deine Änderungen nach der Bearbeitung


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

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

    • listing.boxLabelTopseller

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

    • twt.extension.topsellerBadge.icon

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

    Topseller

    Konfiguration

    Theme-Konfiguration

    Kategorieseiten

    Produktseiten

    Hinweis: Das Badge wird angezeigt, wenn beim Produkt "Produkt hervorheben" aktiviert ist – vorausgesetzt das Topseller-Badge ist aktiviert. Das ThemeWare®-Badge erscheint nur, wenn in der Einstellung "Topseller-Badge (Produkt-Badges)" der ThemeWare®-Modus gewählt ist; andernfalls wird das Standard-Badge von Shopware verwendet.

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Teilen-Links

    Mit den Teilen-Links können Besucher ein Produkt über soziale Netzwerke und E-Mail teilen – angezeigt in der Buybox auf der Produktseite.


    1. Wechsel in den Tab "Produktseiten"

    2. Öffne den Bereich "Teilen-Links (in der Buybox)"

    Produkt-Kurzbeschreibung

    Die Produkt-Kurzbeschreibung wird über ein Zusatzfeld im entsprechenden Produkt gepflegt.

    Du kannst über die Theme-Konfiguration wählen ob der Inhalt auf Kategorie- und/oder auf Produktseiten angezeigt werden soll.


    1. Wechsel in den Tab "Kategorieseiten"

    2. Öffne den Bereich "Produkt-Box"

    Aktiviere die Konfiguration "Teilen-Links anzeigen"
  • Speicher deine Änderungen nach der Bearbeitung

    • Passe die Überschrift über den folgenden Textbaustein an:

      • twt.detail.socialSharingLinks.headline

    Für jeden Kanal (Icon) legst du eine Bezeichnung (label – dient als Aria-Label des Icons) und einen Titel (title – erscheint als Tooltip) fest:

    • Facebook

      • twt.detail.socialSharingLinks.facebook.label

      • twt.detail.socialSharingLinks.facebook.title

    • Twitter

      • twt.detail.socialSharingLinks.twitter.label

      • twt.detail.socialSharingLinks.twitter.title

    • Pinterest

      • twt.detail.socialSharingLinks.pinterest.label

      • twt.detail.socialSharingLinks.pinterest.title

    • WhatsApp

      • twt.detail.socialSharingLinks.whatsapp.label

      • twt.detail.socialSharingLinks.whatsapp.title

    • X / Twitter

      • twt.detail.socialSharingLinks.x.label

      • twt.detail.socialSharingLinks.x.title

    • E-Mail

      • twt.detail.socialSharingLinks.email.label

      • twt.detail.socialSharingLinks.email.title

    Beim Teilen per E-Mail wird zusätzlich eine vorausgefüllte Nachricht erzeugt. Anrede, Nachrichtentext und Grußformel passt du über die folgenden Textbausteine an:

    • Anrede

      • twt.detail.socialSharingLinks.email.salutation

    • Nachrichtentext

      • twt.detail.socialSharingLinks.email.body

    • Grußformel

      • twt.detail.socialSharingLinks.email.closing


    Welche Kanäle angeboten werden, legst du im selben Bereich einzeln fest – jeweils über eine eigene Konfiguration für Facebook, Twitter, X, Pinterest, WhatsApp und E-Mail.


    • Tab "Produktseiten" => Bereich "Teilen-Links (in der Buybox)" => Teilen-Links anzeigen

    • Überschrift

      • twt.detail.socialSharingLinks.headline

    • E-Mail

      • twt.detail.socialSharingLinks.email.body

      • twt.detail.socialSharingLinks.email.closing

      • twt.detail.socialSharingLinks.email.label

      • twt.detail.socialSharingLinks.email.salutation

      • twt.detail.socialSharingLinks.email.title

    • Facebook

      • twt.detail.socialSharingLinks.facebook.label

      • twt.detail.socialSharingLinks.facebook.title

    • Pinterest

      • twt.detail.socialSharingLinks.pinterest.label

      • twt.detail.socialSharingLinks.pinterest.title

    • Twitter

      • twt.detail.socialSharingLinks.twitter.label

      • twt.detail.socialSharingLinks.twitter.title

    • WhatsApp

      • twt.detail.socialSharingLinks.whatsapp.label

      • twt.detail.socialSharingLinks.whatsapp.title

    • X

      • twt.detail.socialSharingLinks.x.label

      • twt.detail.socialSharingLinks.x.title

    ThemeWare® "Teilen-Links"

    Konfiguration

    Theme-Konfiguration

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Scrolle zum Abschnitt "Inhalte"

  • Setze die Konfiguration "Kurzbeschreibung verwenden" auf "verwenden"

  • Speicher deine Änderungen nach der Bearbeitung

    1. Wechsel in den Tab "Produktseiten"

    2. Öffne den Bereich "Buybox"

    3. Scrolle zum Abschnitt "Basiskonfiguration"

    4. Aktiviere die Konfiguration "Kurzbeschreibung 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" (4)

    5. Wähle das Zusatzfeld-Set deines Themes aus (5)

    6. Gebe den gewünschten Text ins Zusatzfeld "Kurzbeschreibung" ein (6)

    7. Speicher deine Änderungen (7)

    Shopware 6 Produkt-Verwaltung


    • Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte" => Kurzbeschreibung verwenden

    • Tab "Produktseiten" => Bereich "Buybox" => Abschnitt "Basiskonfiguration" => Kurzbeschreibung anzeigen

    • Kurzbeschreibung


    [Tags: produktkurzbeschreibung]

    ThemeWare® "Kurzbeschreibung" (Kategorien)
    ThemeWare® "Kurzbeschreibung" (Produktseiten / Buybox)

    Hinweis: Eine Beschreibung in Kategorien ist nur in CMS-Listing-Elementen mit dem Layout-Typ "Standard" vorhanden! Dies gilt auch für die ThemeWare® Kurzbeschreibung.

    Hinweis: Die Kurzbeschreibung wird angezeigt, wenn sie in der Theme-Konfiguration aktiviert ist (getrennt für die Produkt-Box der Kategorieseiten und die Buybox der Produktseiten) und das Zusatzfeld "Kurzbeschreibung" am Produkt befüllt ist.

    Konfiguration

    Theme-Konfiguration

    Kategorien

    Kurzbeschreibung

    Produktseiten

    Inhalt

    Hinweis: Mehr Informationen über das entsprechende Zusatzfeld findest du hier im Artikel .

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen
    Kurzbeschreibung
    Shopware Cache leeren / aufwärmen

    Verkäufe-Infotext

    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.

    ThemeWare® "Verkäufe-Infotext" (Buybox)

    Hinweis: Der Infotext wird angezeigt, wenn die Konfiguration "Verkäufe-Infotext anzeigen" aktiviert ist und die Anzahl der Verkäufe den festgelegten Schwellwert erreicht.


    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

    Lieferzeit-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

    Ausverkauft-Badge

    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.

    Versandkostenfrei-Badge

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

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

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

    Hinweis: Der Lieferzeit-Hinweis wird angezeigt, wenn das Produkt lieferbar ist (Lagerbestand ≥ "Mindestabnahme" bzw. digitales Produkt) und eine Lieferzeit hinterlegt hat – vorausgesetzt die Konfiguration "'Lieferzeit' anzeigen" ist aktiviert. Liegt der Lagerbestand unter der "Mindestabnahme", ist aber eine Lieferzeit und eine Wiederbeschaffungszeit hinterlegt, wird stattdessen "Versandfertig in …" angezeigt, sofern "'Versandfertig in …' anzeigen" aktiviert ist.

    Hinweis: Die Optik beider Hinweise folgt der "Darstellungsart" im Abschnitt "Basiskonfiguration".

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    in der Buybox anzeigen
    "
  • Speicher deine Änderungen nach der Bearbeitung

  • Produktseiten

    Hinweis: Das Badge wird angezeigt, wenn das Produkt im "Abverkauf" ist und der Lagerbestand unter der "Mindestabnahme" liegt – vorausgesetzt das Ausverkauft-Badge ist für die Produkt-Box (Kategorieseiten) bzw. die Produktseite (Galerie oder Buybox) aktiviert.

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Lege fest, ob der Infotext für "alle Produkte" oder nur für "Topseller" angezeigt wird.
  • Position

    • Lege fest, ob der Infotext über oder unter dem Warenkorb-Button angezeigt werden soll.

  • Icon anzeigen

    • Blende optional ein Icon vor dem Infotext ein.

  • Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

    Optionen

    Hinweis: Die Menge der Verkäufe eines Produktes ist ein absoluter Wert in Shopware 6. Eine Begrenzung auf einen bestimmten Zeitraum ist derzeit nicht möglich.

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Scrolle zum Abschnitt "Badge: Versandkostenfrei-Badge"

  • Aktiviere die Konfiguration "Versandkostenfrei-Badge anzeigen"

  • 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" oder "in der Buybox anzeigen"

    5. Speicher deine Änderungen nach der Bearbeitung


    • 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

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

    Shopware
    Shopware-Dokumentation

    Versandkostenfrei

    Konfiguration

    Theme-Konfiguration

    Kategorieseiten

    Produktseiten

    Hinweis: Das Badge wird angezeigt, wenn das Produkt als "Versandkostenfrei" konfiguriert ist – vorausgesetzt das Versandkostenfrei-Badge ist für die Produkt-Box (Kategorieseiten) bzw. die Produktseite (Galerie oder Buybox) aktiviert.

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Weiterführende Links

    Mit Weiterführende Links kannst du im Beschreibungs-Tab eines Produkts bis zu drei weiterführende Links (z.B. zu Hersteller- oder Informationsseiten) hinterlegen. Diese pflegst du über Zusatzfelder im jeweiligen Produkt.

    Hinweis: Die weiterführenden Links werden im "Beschreibung"-Tab angezeigt, wenn die Konfiguration "Weiterführende Links anzeigen" aktiviert ist und mindestens ein Link über ein Zusatzfeld (Link 1–3) befüllt wurde.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Produktseiten"

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

    3. Scrolle zum Abschnitt "Weiterführende Produkt-Links"

    4. Aktiviere die Konfiguration "Weiterführende Links anzeigen"

    5. Optional: Lege über "Links in einem neuen Tab öffnen" fest, ob die Links in einem neuen Tab geöffnet werden

    6. Speicher deine Änderungen nach der Bearbeitung

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

    2. Wähle das gewünschte Produkt aus

    3. Wechsel in den Tab "Spezifikationen"

    4. Scrolle zum Abschnitt "Zusatzfelder"

    • Passe die Überschrift mit dem folgenden Textbaustein an:

      • twt.detail.furtherLinks.title



    • Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Weiterführende Produkt-Links" => Weiterführende Links anzeigen

    • Tab "Produktseiten" => Bereich "Tab "Beschreibung"" => Abschnitt "Weiterführende Produkt-Links" => Links in einem neuen Tab öffnen

    • twt.detail.furtherLinks.title

      • %product% wird durch den Produktnamen ersetzt.

    • twt.detail.furtherLinks.fallback

    Mega-Menü (Flyout)

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

    Vorteile auf Produktseiten

    Auf Produktseiten kannst du Shop- und/oder Produkt-Vorteile anzeigen lassen. Produkt-Vorteile kannst du über einen Textbaustein und/oder ein Zusatzfeld im entsprechenden Produkt pflegen.


    1. Wechsel in den Tab "Produktseiten"

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

    Trage im Zusatzfeld "→ Link 1-3" die gewünschte URL ein

  • Gebe den gewünschten Linktext in das Zusatzfeld "Link 1-3 – Titel" ein

  • Speicher deine Änderungen

  • Weiterführende Links
    Link 1-3
    Link 1-3 – Titel
    Link 1-3 – Link in einem neuen Tab öffnen

    Weiterführende Links (Zusatzfeld)

    Text: Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Teaser-Layout im Button-Stil
    Teaser-Layout im Listen-Stil
    Teaser-Layout im SW6-Stil

    Jede Unterkategorie der ersten Ebene wird als Karte mit ihrem Kategoriebild dargestellt. Kategorien ohne Bild erscheinen nicht als Karte – hinterlege also für alle Kategorien ein Bild, wenn du diese Darstellungsart nutzt.

    Karten-Layout

    Das Dropdown öffnet eine schmale Karte direkt unter dem Menüpunkt, statt die volle Breite zu nutzen – passend für flache Kategoriebäume oder einzelne Menüpunkte.

    Dropdown-Layout im Button-Stil
    Dropdown-Layout im "Button (kompakt)"-Stil
    Dropdown-Layout im Listen-Stil

    Wie die einzelnen Menüpunkte aussehen, legst du getrennt für Flyout und Dropdown fest:

    • Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Flyout'" => Konfiguration "Stil"

      • Zur Wahl stehen "Liste (Shopware 6)", "Liste", "Liste in Spalten (Shopware 5)" und "Buttons".

    • Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Basiskonfiguration 'ThemeWare® Dropdown'" => Konfiguration "Stil"

      • Zur Wahl stehen "Liste", "Buttons (kompakt)" und "Buttons".

    Der Flyout-Stil gilt auch für die Darstellungsarten "Karten", "Sidebar" und "Teaser" – mit einer Ausnahme: "Liste in Spalten (Shopware 5)" wirkt nur im Flyout (siehe unten).

    Du kannst den Button-Stil beim Hover nutzen oder die Buttons durchgängig einfärben:

    Buttons bei Hover eingefärbt
    Buttons durchgängig eingefärbt

    Die Flächen der Menüpunkte färbst du im Tab "Header" => Bereich "Top-Navigation Flyout" => Abschnitt "Farbkonfiguration" über die Konfigurationen "Hintergrundfarbe (Menüpunkte)", "Hintergrundfarbe (Menüpunkte) @hover" und "Hintergrundfarbe (Menüpunkte) @active". Im Flyout werden sie im Stil "Buttons" angewendet, in der Dropdown-Navigation in den Stilen "Buttons (kompakt)" und "Buttons".

    Flyout und Dropdown greifen auf dieselben Farben zu und sehen dadurch auch dann gleich aus, wenn du beide Darstellungsarten parallel einsetzt.

    Über die Konfiguration "Glaseffekt [px] (Panel)" – ebenfalls im Abschnitt "Farbkonfiguration" – zeichnest du den Seiteninhalt hinter dem Panel weich. Der Effekt wird erst sichtbar, wenn du als "Hintergrundfarbe (Panel)" eine halbtransparente Farbe wählst. Empfohlener Wert: 10.

    Flyout-Layout im Button-Stil (Unschärfe)

    Der Glass-Effekt funktioniert natürlich in allen Darstellungsarten:

    Der "Shopware 5"-Stil ändert die Spaltendarstellung im Flyout-Layout in die Anordnung im "Erweiterten Menü" von Shopware 5. Die Kategorien werden dabei nicht zeilenweise umbrochen, sondern fließen in vier Spalten – passt eine Kategorie nicht mehr in ihre Spalte, rutscht sie in die nächste. Steht neben den Kategorien ein Kategoriebild, sind es drei Spalten.

    Weil die Spalten nach Höhe gefüllt werden, ist dieser Stil weniger gut geeignet, wenn die Anzahl der Unterkategorien stark schwankt.

    Flyout-Layout im Button-Stil
    Flyout-Layout im Listen-Stil
    Flyout-Layout im SW6-Stil
    Sidebar-Layout im Button-Stil
    Sidebar-Layout im Listen-Stil
    Sidebar-Layout im SW6-Stil

    Darstellungsarten

    Tipp: Du kannst die Darstellungsart pro Kategorie überschreiben – zum Beispiel ein Flyout mit Teasern für "Bekleidung" und ein schlankes Dropdown für "Sale". Öffne dazu die Kategorie im Shopware-Admin und wähle unter "Zusatzfelder" => "Flyout (Genesis Pro)" => "Top-Navigation Flyout" die gewünschte Darstellungsart. Der Standardwert "vererbt aus Theme-Konfiguration" übernimmt die globale Einstellung. Mit "kein Untermenü" blendest du das Untermenü für eine einzelne Kategorie aus.

    Standard Flyout

    Sidebar

    Teaser

    Karten

    Dropdown

    Stile

    Die Stile der Dropdown-Navigation sind noch in Entwicklung. Wir freuen uns über dein konstruktives .

    Dropdown: Button-Stil

    Farben der Menüpunkte

    "Liquid glass"-Effekt

    Flyout: "Shopware 5" Stil

    Der Stil wirkt nur im Flyout. Die Darstellungsarten "Karten", "Sidebar" und "Teaser" bringen ihre eigene Anordnung mit und verwenden den Stil "Liste".

    Aktiviere die Konfiguration "Vorteile anzeigen"

  • Speicher deine Änderungen nach der Bearbeitung

    • Passe die Überschrift über den folgenden Textbaustein an:

      • twt.detail.benefits.headline

    • Den Text kannst du über folgenden Textbaustein anpassen:

      • twt.detail.benefits.content


    Im selben Bereich passt du die Darstellung an:

    • Inhalt: Legt fest, woher der Inhalt stammt – "Textbaustein", "Zusatzfeld", "Zusatzfeld oder Textbaustein" oder "Textbaustein und Zusatzfeld".

    • Position: Legt fest, ob die Vorteile "über dem Preis" oder "unter den Produkt-Spezifikationen" erscheinen.

    • Darstellungsart: "schlicht" oder "hervorgehoben".



    • Tab "Produktseiten" => Bereich "Vorteile (in der Buybox)" => Vorteile anzeigen

    • Tab "Produktseiten" => Bereich "Vorteile (in der Buybox)" => Inhalt

    • Tab "Produktseiten" => Bereich "Vorteile (in der Buybox)" => Position

    • Tab "Produktseiten" => Bereich "Vorteile (in der Buybox)" => Darstellungsart

    • Überschrift

      • twt.detail.benefits.headline

    • Text

      • twt.detail.benefits.content

    • Vorteile

    [Tags: produktvorteile]

    ThemeWare® "Vorteile auf der Produktseite"

    Hinweis: Die globalen "Shop-Vorteile" pflegst du über einen individuellen Textbaustein.

    Hinweis: Die Vorteile werden angezeigt, wenn die Konfiguration "Vorteile anzeigen" aktiviert ist und – je nach Einstellung "Inhalt" – der gewählte Inhalt vorhanden ist (Textbaustein "twt.detail.benefits.content" und/oder das Zusatzfeld "Vorteile" am Produkt). Über die Position legst du fest, ob sie über dem Preis oder unter den Produkt-Spezifikationen erscheinen.

    Konfiguration

    Theme-Konfiguration

    Vorteile

    Hinweis: Mehr Informationen über das entsprechende Zusatzfeld findest du hier im Artikel .

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfeld

    Tabs auf Produktseiten

    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"

    Vorteile
    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen
    Feedback
    Datenblätter-Tab
  • Eigenschaften-Tab

  • Hersteller-Tab

  • Videos-Tab


    • Tab "Produktseiten" => Bereich "Tabs"

    Benutzerdefinierter-Tab
    ThemeWare® "Tabs auf der Poduktseite"

    Hinweis: Jeder Tab wird nur angezeigt, wenn er in der Theme-Konfiguration aktiviert ist und das Produkt den passenden Inhalt hat (z.B. ein befülltes Zusatzfeld, eine Eigenschaft oder einen Hersteller). Tabs ohne Inhalt werden automatisch ausgeblendet. Details findest du auf den jeweiligen Unterseiten.

    Konfiguration

    Verfügbare Tabs

    Zusammenfassung

    Theme-Konfiguration

    Unterkategorien im Listing

    Die aus unseren Themes für Shopware 5 bekannte Funktion "Unterkategorien im Listing" gibt es auch in ThemeWare® für Shopware 6.

    Diese Theme-Erweiterung aktivierst du über die Theme-Konfiguration. Wie alle Theme-Konfigurationen ist auch diese Konfiguration global. Das bedeutet, die Unterkategorie-Navigation dann erscheint auf allen CMS-Seiten vom Typ "Kategorieseite".

    Ab ThemeWare® 3.2.4 kannst du diese globale Navigation über ein Zusatzfeld in ausgewählten Kategorien ein-/ausschalten.

    Zudem kann die Erweiterung künftig auch auf Shopseiten dargestellt werden, die Testphase dazu startet bald.

    ThemeWare® "Unterkategorien im Listing"

    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. Das Bild wird nicht zwingend benötigt.

    Hinweis: Die ThemeWare® Erweiterung "Unterkategorien im Listing" funktioniert, wie der Name bereits andeutet, nur auf CMS-Seiten vom Typ "Kategorieseite". Zudem werden Unterkategorien in Shopware 6 nur für Hauptkategorie ausgespielt.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

    2. Öffne den Bereich "Unterkategorien im Listing (auf Kategorieseiten)"

    3. Aktiviere die Konfiguration "Unterkategorien im Listing anzeigen (CMS-Listingseiten)"

    4. Optional: Nutze die weiteren Konfigurationsmöglichkeiten

    5. Speicher deine Änderungen nach der Bearbeitung

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

    2. Wähle die gewünschte Kategorie aus (3)

    3. Rechts neben der Kategorie-Liste öffnet sich nun die entsprechende Kategorie im Kategorie-Editor (4)


    Hier hast du für Listingseiten und Shopseiten jeweils die folgende Optionen:

    • nicht anzeigen

    • anzeigen

    • anzeigen (per Zusatzfeld)

    Dies ist die Standard-Einstellung. In diesem Fall wird die "Unterkategorien im Listing" auf dem entsprechenden Seitentyp nicht angezeigt.

    Wählst du die Option anzeigen, wird die "Unterkategorien im Listing" auf allen Seiten des entsprechenden Seitentyps angezeigt.

    Wählst du anzeigen (per Zusatzfeld) wird die "Unterkategorien im Listing" auf dem entsprechenden Seitentyp nur angezeigt, wenn du das Zusatzfeld in der entsprechenden Kategorie auf ja konfiguriert hast.

    Hier wählst du die Darstellungsart (Nur Bild, Nur Text oder Text unter dem Bild) und richtest den Inhalt horizontal aus.

    Hier legst du den Anzeigemodus der Bilder fest (Zugeschnitten/Cover oder Feste Höhe/Contain) sowie Breite, Höhe und minimale/maximale Höhe.

    Hier passt du die Farben an: Text-, Hintergrund- und Rahmenfarbe (jeweils auch für den Hover-Zustand) sowie die Hintergrundfarbe des Bildes.

    Hier stellst du Schriftart, Schriftgröße, Schriftstärke und Textformatierung ein.

    Hier legst du die Spaltenanzahl je Breakpoint fest (Phone, Tablet, Desktop) – also wie viele Unterkategorien pro Zeile angezeigt werden.

    Hier steuerst du das Lazy Loading der Bilder (eager oder lazy) für die Ladeperformance.


    Derzeit stehen dir 3 verschiedene Darstellungsarten (siehe Screenshots unten) zur Verfügung:

    • Nur Text

    • Nur Bild

    • Text unter dem Bild


    Ab ThemeWare® 3.2.4 kannst du diese globale Unterkategorie-Navigation über ein Zusatzfeld in ausgewählten Kategorien ein-/ausschalten.


    • Tab "Erweiterungen" => Bereich "Unterkategorien im Listing (auf Kategorieseiten)" => Unterkategorien im Listing anzeigen (CMS-Listingseiten)


    Mehr Flexibilität bietet das gleichnamige CMS-Element der Pro-Edition – damit positionierst du die Unterkategorien als CMS-Block frei in deinen Layouts:

    Ausverkauft-Label

    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

    Hinweis: Der Hinweis wird angezeigt, wenn das Produkt im "Abverkauf" ist und der Lagerbestand unter der "Mindestabnahme" liegt – vorausgesetzt die Konfiguration "'Ausverkauft' anzeigen" ist aktiviert. Die Optik folgt der "Darstellungsart" im Abschnitt "Basiskonfiguration".

    Hinweis: Variantenartikel werden nur als "Ausverkauft" markiert, wenn sie im Listing nach Eigenschaften "aufgefächert" werden.

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Du befindest dich im Tab "
    Allgemein
    "
  • Im Bereich "Allgemein" kannst du den Kategorie-Namen (Name) bearbeiten

  • Scrolle zum Bereich "Menü-Einstellungen"

  • Hier kannst du das Kategorie-Bild (Anzeigebild) bearbeiten

  • Speicher deine Änderungen

  • Unterkategorien im Listing
    Unterkategorien im Listing
    Unterkategorien im Listing
    Unterkategorien im Listing anzeigen
    Shopware 6 "Kategorie-Verwaltung"
    Nur Text
    Nur Bild
    Text unter dem Bild
    Mobile Darstellung (alle Darstellungsarten)

    Tipp: In der Pro-Edition steht dir darüber hinaus eine entsprechende CMS-Erweiterung zur Verfügung. Damit kannst du einen entsprechenden CMS-Block frei in deinen Layouts positionieren und individuell konfigurieren: Unterkategorien im Listing

    Inhalt

    Anzeigeoptionen

    Hinweis: Es werden natürlich nur Unterkategorien angezeigt, wenn eine Kategorie sichtbare Unterkategorien hat und Shopware diese im entsprechenden Kategoriebaum ausliefert.

    nicht anzeigen

    anzeigen

    Tipp: Über das Zusatzfeld kannst du die Anzeige dennoch in jeder beliebigen Kategorie unterbinden und so ausgewählte Kategorien individuell gestalten.

    anzeigen (per Zusatzfeld)

    Basiskonfiguration

    Bildkonfiguration

    Farbkonfiguration

    Typografie

    Grid-Konfiguration

    Pagespeed-Konfiguration

    Darstellungsarten

    Zusatzfeld

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Weiterführende Informationen

    Zahlungsarten auf Produktseiten

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

    ThemeWare® "Zahlungsarten auf der Produktseite"

    Hinweis: Die Zahlungsanbieter-Logos werden angezeigt, wenn die Konfiguration "Zahlungsanbieter-Logos anzeigen" aktiviert ist. Dargestellt werden die im Shop verfügbaren Zahlungsarten; über die Position legst du fest, ob sie über oder unter den Produkt-Spezifikationen erscheinen.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Produktseiten"

    2. Öffne den Bereich "Zahlungsanbieter-Logos (in der Buybox)"

    3. Aktiviere die Konfiguration "Zahlungsanbieter-Logos anzeigen"

    4. Speicher deine Änderungen nach der Bearbeitung

    • Die Zahlungsarten verwaltetest du in der Shopware-Einstellungen: "Einstellungen" => "Shop" => "Zahlungsarten"

    • Passe die Überschrift mit dem folgenden Textbaustein an:

      • twt.detail.paymentLogos.headline


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

    • twt.detail.paymentLogos.headline


    Wie du Zahlungsarten in Shopware 6 anlegst und verwaltest, erfährst du in der Shopware-Dokumentation:

    Zahlungsarten

    Text: Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Weiterführende Informationen

    Versandkostenfrei-Label

    Der Versandkostenfrei-Hinweis kennzeichnet in der Buybox versandkostenfreie Produkte.

    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

    1. Wechsel in den Tab "Produktseiten"

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

    3. Scrolle zum Abschnitt "Versandkostenfrei"

    4. Aktiviere die Konfiguration "'Versandkostenfrei' anzeigen"

    5. Speicher deine Änderungen nach der Bearbeitung


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

    • twt.detail.shippingFreeLabel

    Hinweis: Der Hinweis wird angezeigt, wenn das Produkt als "Versandkostenfrei" konfiguriert ist – vorausgesetzt die Konfiguration "'Versandkostenfrei' anzeigen" ist aktiviert. Die Optik folgt der "Darstellungsart" im Abschnitt "Basiskonfiguration".

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Eigenschaften-Tab

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

    ThemeWare® "Eigenschaften-Tab"

    Hinweis: Der Tab wird angezeigt, wenn die Konfiguration "Eigenschaften-Tabelle als separaten Tab anzeigen" auf "als separaten Tab anzeigen" gesetzt wurde und das Produkt mindestens eine Eigenschaft besitzt.


    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

    Blendet optional einen Hinweistext unter der Tabelle ein ("anzeigen" / "nicht anzeigen").
    twt.detail.tabProperties.headline
  • Hinweistext

    • twt.detail.infoProperties

  • Inhalt

    Titel

    Überschrift

    Hinweistext

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Checkout-Steps

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

    Hinweis: Die Checkout-Steps werden im Checkout angezeigt, wenn die Konfiguration "Checkout-Steps anzeigen" aktiviert ist. Zusätzlich kannst du sie über "Checkout-Steps im Warenkorb anzeigen" auch im Warenkorb einblenden.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

    2. Öffne den Bereich "Checkout-Steps"

    3. Aktiviere die Konfiguration "Checkout-Steps anzeigen" (Anzeige im Checkout)

    4. Optional: Aktiviere "Checkout-Steps im Warenkorb anzeigen", um sie zusätzlich im Warenkorb einzublenden

    5. Speicher deine Änderungen nach der Bearbeitung

    • Passe die Texte der Checkout-Steps über die folgenden Textbausteine an:

      • twt.extension.checkoutSteps.step1

      • twt.extension.checkoutSteps.step2


    • Darstellungsart

      • "Durchgängige Linien", "Linien zwischen den Steps", "Durchgängige Balken zwischen den Steps" oder "Balken zwischen den Steps".

    • Icon-Stil (Steps)

      • "Steps mit Zahlen", "Steps mit Icons" oder "Kleine Steps".


    • Tab "Erweiterungen" => Bereich "Checkout-Steps" => Checkout-Steps anzeigen / Checkout-Steps im Warenkorb anzeigen

    • Tab "Erweiterungen" => Bereich "Checkout-Steps" => Abschnitt "Basiskonfiguration" => Darstellungsart / Icon-Stil (Steps) / Text anzeigen ab ...

    • Text

      • twt.extension.checkoutSteps.step1

      • twt.extension.checkoutSteps.step2

    Rabatt-Badge

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

    twt.extension.checkoutSteps.step3
  • Text anzeigen ab ...

    • Legt fest, ab welchem Breakpoint der Text unter den Steps erscheint (oder "nicht anzeigen").

  • twt.extension.checkoutSteps.step3

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung: Texte bearbeiten und übersetzen

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache: Shopware Cache leeren / aufwärmen

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Scrolle zum Abschnitt "Badge: Rabatt-Badge"

  • Aktiviere die Konfiguration "Rabatt-Badge anzeigen"

  • 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: Rabatt-Badge"

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

    5. Speicher deine Änderungen nach der Bearbeitung


    Die Darstellung des Rabatts steuerst du im Tab "Inhalt":

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

    • Layout: Legt fest, wie der Rabatt dargestellt wird – z.B. "% (Standard)", "-25 %", "25 % gespart", "-35 €" oder "35 € gespart".

    • Zahl runden: Legt die Rundung des Wertes fest – "0.12 (Standard)", "0.1" oder "0".


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

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

    • Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Rabatt-Badge" => Layout

    • Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Rabatt-Badge" => Zahl runden

    • twt.extension.discountBadge.discount

      • %discount% wird durch den Rabatt ersetzt.

    • twt.extension.discountBadge.discountShort

      • %discount% wird durch den Rabatt ersetzt.

      • %currency% wird durch das aktuelle Währungs-Symbol ersetzt.

    • twt.extension.discountBadge.percentage

      • %discount% wird durch den prozenturalen Rabatt ersetzt.

    • twt.extension.discountBadge.percentageShort

      • %discount% wird durch den prozenturalen Rabatt ersetzt.

      • %currency% wird durch das aktuelle Währungs-Symbol ersetzt.

    Shopware-Dokumentation

    Rabatt

    Konfiguration

    Theme-Konfiguration

    Kategorieseiten

    Produktseiten

    Hinweis: Das Badge wird angezeigt, wenn für das Produkt ein "Strichpreis" hinterlegt ist, der einen Rabatt ergibt (nicht bei Preisspannen bzw. "ab"-Preisen) – vorausgesetzt das Rabatt-Badge ist aktiviert. Das ThemeWare®-Badge erscheint nur, wenn in der Einstellung "Rabatt-Badge (Produkt-Badges)" der ThemeWare®-Modus gewählt ist; andernfalls wird das Standard-Badge von Shopware verwendet.

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Floating-Widget

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

    ThemeWare® "Floating-Widget"

    Hinweis: Das Floating-Widget wird angezeigt, wenn die Konfiguration "Floating-Widget anzeigen" aktiviert ist. Den Inhalt pflegst du über Textbausteine.


    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

    Optional: Passe die Link-URL über den Textbaustein twt.extension.floatingWidget.link an (wird nur genutzt, wenn die Konfiguration "Widget verlinken" aktiviert ist)

    Hover-Effekt

    • "kein Effekt", "Herausziehen" oder "Deckkraft verringern".

  • Overlay anzeigen (wenn geöffnet)

    • Legt einen abdunkelnden Overlay über die Seite, solange das Widget geöffnet ist.

  • Geöffnet anzeigen (wenn die Seite geladen wurde)

    • Öffnet das Widget automatisch beim Laden der Seite.

  • Animieren (wenn die Seite geladen wurde)

    • "keine Animation" oder "Wackeln (3x)".

  • Widget verlinken

    • Macht das Widget anklickbar: "nein", "ja" oder "ja (in neuem Tab öffnen)". Die Ziel-URL hinterlegst du über den Textbaustein twt.extension.floatingWidget.link.

  • twt.extension.floatingWidget.body

  • Link

    • twt.extension.floatingWidget.link

  • Alt-Text (Bild)

    • twt.extension.floatingWidget.altText

  • Aria-Label (Widget)

    • twt.extension.floatingWidget.ariaLabel

  • Aria-Label (Button)

    • twt.extension.floatingWidget.closeAriaLabel

    • twt.extension.floatingWidget.openAriaLabel

  • Aria-Label (Link)

    • twt.extension.floatingWidget.linkAriaLabel

  • Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Produkt-Symbole (Hinweisbilder)

    Mit den ThemeWare® "Produkt-Symbolen" zeigst du individuelle Symbole und Hinweisbilder wie Pflegesymbole (z.B. Waschsymbole), Siegel oder Zertifikate direkt auf der Produktseite an – unter den Produktbildern, in der Buybox, in der Beschreibung, im Eigenschaften-Tab oder in einem separaten Tab.

    Produkt-Symbole unter der Galerie
    Produkt-Symbole in der Buybox

    Hinweis: Die Produkt-Symbole werden angezeigt, wenn die Konfiguration "Produkt-Symbole anzeigen" aktiviert ist und für das Produkt mindestens ein Symbol hinterlegt wurde – über eine Eigenschaft mit Bild oder ein Zusatzfeld.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Produktseiten"

    2. Öffne den Bereich "Produkt-Symbole"

    3. Wähle über die Konfiguration "Produkt-Symbole anzeigen" die gewünschte Position

    4. Optional: Nutze die weiteren Konfigurationsmöglichkeiten

    5. Speicher deine Änderungen nach der Bearbeitung

    Für Symbole, die an mehreren Produkten genutzt werden (z.B. Pflegesymbole oder Siegel), nutzt du am besten Eigenschaften mit Bild:

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

    2. Wähle die gewünschte Eigenschaften-Gruppe aus

    3. Stelle das Zusatzfeld "Als Produkt-Symbol anzeigen" auf "ja"

    4. Hinterlege an den gewünschten Optionen der Gruppe jeweils ein Bild

    Es werden nur Optionen mit Bild als Symbol angezeigt. Die Gruppe erscheint weiterhin wie gewohnt in der Eigenschaften-Tabelle.

    Für Symbole, die nur ein einzelnes Produkt betreffen, nutzt du die Zusatzfelder im jeweiligen Produkt:

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

    2. Wähle das gewünschte Produkt aus

    3. Wechsel in den Tab "Spezifikationen"

    4. Scrolle zum Abschnitt "Zusatzfelder"

    • Passe die Zwischenüberschrift über den folgenden Textbaustein an:

      • twt.detail.symbols.title

    • Passe den Beschreibungstext über den folgenden Textbaustein und/oder das Zusatzfeld "Produkt-Symbole (Text)" an – die Quelle wählst du über die Konfiguration "Beschreibungstext":

      • twt.detail.symbols.text


    • Stil

      • Lege fest, wie die Symbole dargestellt werden: "Icons (nebeneinander)", "Icon mit Text" oder "Icon-Liste". "Standard (empfohlen)" wählt automatisch die passende Darstellung je Position.

    • Größe



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

    • Tab "Produktseiten" => Bereich "Produkt-Symbole" => Abschnitt "Basiskonfiguration" => Stil / Größe / Zwischenüberschrift anzeigen / Beschreibungstext

    • twt.detail.symbols.title (Zwischenüberschrift)

    • twt.detail.symbols.text (Beschreibungstext)

    • (Eigenschaften-Gruppe)


    Möchtest du die Produkt-Symbole in einem separaten Tab anzeigen lassen, nutze einfach den ThemeWare® Symbole-Tab:

    Speicher deine Änderungen

    Wähle das Zusatzfeld-Set deines Themes aus

  • Wähle über die Zusatzfelder "→ Symbol 1" bis "→ Symbol 3" die gewünschten Bilder aus und vergebe optional je einen Titel

  • Speicher deine Änderungen

  • Lege die Höhe der Symbole in Pixeln fest. Die Breite ergibt sich aus dem jeweiligen Bild – das Seitenverhältnis bleibt erhalten, egal ob du quadratische, hoch- oder querformatige Bilder hochlädst. Im Stil "Icon-Liste" erhalten die Icons eine feste quadratische Spalte in dieser Größe, damit die Titel linksbündig fluchten.
  • Zwischenüberschrift anzeigen

    • Lege fest, ob über den Symbolen eine Zwischenüberschrift angezeigt wird (Galerie, Buybox und Beschreibung – im separaten Tab greift stattdessen die Tab-Überschrift).

  • Beschreibungstext

    • Lege fest, woher der Beschreibungstext über den Symbolen kommt: Textbaustein, Zusatzfeld oder beides – oder blende ihn ganz aus.

  • Symbole
    Eigenschaften
    Als Produkt-Symbol anzeigen
    Symbol 1-3
    Symbol 1-3 – Titel
    Produkt-Symbole (Text)
    Symbole-Tab
    Pflegehinweise & Produkt-Symbole anzeigen

    Inhalt: Eigenschaften mit Bild

    Inhalt: Zusatzfelder im Produkt

    Hinweis: Die Symbole aus den Zusatzfeldern werden vor den Symbolen aus den Eigenschaften angezeigt. Die Eigenschaften-Symbole folgen der nativen Sortierung der Eigenschaften (Position der Gruppe und Sortierung ihrer Optionen).

    Tipp: Lade die Symbole als SVG oder PNG in deiner Wunschfarbe hoch – sie werden nicht eingefärbt.

    Text: Zwischenüberschrift

    Text: Beschreibungstext

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Weiterführende Informationen

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Ankündigungsbanner

    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.

    ThemeWare® "Ankündigungsbanner"

    Hinweis: Der Ankündigungsbanner wird oberhalb des Headers angezeigt, wenn die Konfiguration "Ankündigungsbanner anzeigen" aktiviert ist. Hast du ein Start- und/oder Enddatum hinterlegt, erscheint er nur innerhalb dieses Zeitraums.


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Erweiterungen"

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

    3. Aktiviere den Banner mit der Konfiguration "Ankündigungsbanner anzeigen"

    4. Speicher deine Änderungen nach der Bearbeitung

    • Passe den Text des Ankündigungsbanners über den Textbaustein twt.extension.announcementBanner.content an

    • Optional: Passe die Link-URL über den Textbaustein twt.extension.announcementBanner.link an (wird nur genutzt, wenn die Konfiguration "Banner verlinken" aktiviert ist)


    • Lässt sich schließen

      • Blendet einen Schließen-Button ein, mit dem Besucher den Banner ausblenden können (Details siehe unten).

    • Startdatum / Enddatum

    Mit der Konfiguration "Lässt sich schließen" erhält der Banner einen Schließen-Button. Dadurch kann der Besucher den Banner für einen Tag lang ausblenden.

    Dies wird über einen "Local Storage"-Cookie gespeichert. Dazu wird ein Eintrag im Cookie-Consent von Shopware hinzugefügt. Wird dieser "Komfortfunktion" nicht zugestimmt, wird der Schließen-Button auch nicht angezeigt.

    Hinweis: Bitte beachte hierbei, dass Shopware – derzeit – diesen Eintrag für jedes installierte Theme ergänzt! Diese Option ist daher nicht geeignet falls du mehr als ein ThemeWare® Theme im Einsatz hast.


    • Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Ankündigungsbanner anzeigen

    • Tab "Erweiterungen" => Bereich "Ankündigungsbanner (im Header)" => Abschnitt "Basiskonfiguration" => Lässt sich schließen / Startdatum / Enddatum / Banner verlinken / Link in neuem Tab öffnen / Link-Relation "nofollow"

    • Text

      • twt.extension.announcementBanner.content

    • Link

    Schränkt die Anzeige des Banners auf einen Zeitraum ein.
  • Banner verlinken

    • Macht den gesamten Banner anklickbar; die Ziel-URL hinterlegst du über den Textbaustein twt.extension.announcementBanner.link.

  • Link in neuem Tab öffnen

    • Öffnet den verlinkten Banner in einem neuen Browser-Tab.

  • Link-Relation "nofollow"

    • Versieht den Banner-Link mit dem Attribut rel="nofollow".

  • twt.extension.announcementBanner.link

  • Aria-Label

    • twt.extension.announcementBanner.ariaLabel

    • twt.extension.announcementBanner.closeButton.ariaLabel

  • Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Ankündigungsbanner schließen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Produkt-Slider mit Überlauf

    Standardmäßig endet der Produkt-Slider an der Kante seines Containers. Mit dieser Erweiterung sind die benachbarten Produkte links und rechts angeschnitten sichtbar. Das signalisiert, dass es weitergeht, und lädt zum Weiterklicken ein.

    Die Einstellung gilt global für alle Produkt-Slider. Für einzelne CMS-Blöcke lässt sie sich per CSS-Klasse abweichend setzen.

    Info: Die Erweiterung wirkt auf alle Produkt-Slider, also auch auf das Cross-Selling der Produktseiten.


    Darstellungsarten

    Es stehen vier Darstellungsarten zur Verfügung:

    Darstellungsart
    Wirkung

    1. Wechsel in den Tab "Erlebniswelten"

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

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

    4. Passe bei Bedarf im Abschnitt "Basiskonfiguration" die weiteren Konfigurationen an

    Die Konfiguration "Angeschnittene Produkte" steuert, wie die angeschnittenen Nachbarprodukte dargestellt werden.

    Wert
    Wirkung

    Die Breite des sichtbaren Teils der Nachbarprodukte lässt sich getrennt für Desktop und mobile Geräte festlegen:

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

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

    Beide Konfigurationen greifen nur bei Darstellungsarten mit Anschnitt.


    Du kannst die globale Einstellung beibehalten und einzelne CMS-Blöcke davon abweichen lassen. Trage dazu im CMS-Editor am jeweiligen Block eine CSS-Klasse ein.

    CSS-Klasse
    Darstellungsart

    Der Überlauf wird in zwei Fällen automatisch unterdrückt, weil er dort mit benachbarten Inhalten kollidieren würde. Der Anschnitt bleibt in beiden Fällen erhalten.

    • Der Slider steht in einem mehrspaltigen CMS-Block – die Nachbarprodukte würden sonst in die andere Spalte ragen

    • Der Slider steht in einer Sidebar-Sektion


    • Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie 'Commerce')" => Abschnitt "Design" => Darstellungsart

    • Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie 'Commerce')" => Abschnitt "Basiskonfiguration" => Angeschnittene Produkte

    • Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie 'Commerce')" => Abschnitt "Basiskonfiguration" => Anschnitt-Breite @Desktop (>=992px)

    • Tab "Erlebniswelten" => Bereich "Produkt-Slider (Kategorie 'Commerce')" => Abschnitt "Basiskonfiguration" => Anschnitt-Breite @Mobil (<992px)

    • twt-cms-product-slider-reset

    • twt-cms-product-slider-peek

    • twt-cms-product-slider-overflow-visible

  • Speicher deine Änderungen nach der Bearbeitung

  • twt-cms-product-slider

    Aus (Standard)

    Shopware-Standard, die Produkte enden an der Containerkante

    Angeschnitten

    Die Nachbarprodukte sind innerhalb des Containers angeschnitten sichtbar

    Überlaufend

    Die Nachbarprodukte ragen über den Container hinaus

    Angeschnitten und überlaufend

    Beides kombiniert

    Normal

    Die Nachbarprodukte werden unverändert dargestellt

    Abgeblendet

    Die Nachbarprodukte werden mit reduzierter Deckkraft dargestellt und sind nicht anklickbar

    twt-cms-product-slider-reset

    Aus

    twt-cms-product-slider-peek

    Angeschnitten

    twt-cms-product-slider-overflow-visible

    Konfiguration

    Theme-Konfiguration

    Angeschnittene Produkte

    Info: Sobald ein Produkt vollständig sichtbar ist, ist es wieder anklickbar. Bei der Tastatur-Navigation wird das fokussierte Produkt automatisch nach vorn geholt und dadurch bedienbar.

    Anschnitt-Breite

    Abweichende Darstellung pro CMS-Block

    Tipp: Die Klasse twt-cms-product-slider-reset nimmt die globale Einstellung für diesen Block vollständig zurück. So kannst du auch dann einzelne Slider im Shopware-Standard belassen, wenn global eine Darstellungsart aktiv ist.

    Wann der Überlauf nicht greift

    Zusammenfassung

    Theme-Konfiguration

    CSS-Klassen

    Überlaufend

    twt-cms-product-slider

    Angeschnitten und überlaufend

    Produkt-Datenblätter

    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.

    Hinweis: Derzeit werden nur Dateien vom Typ "PDF" unterstützt.

    Hinweis: Die Datenblätter werden in der Beschreibung angezeigt, wenn die Funktion in der Theme-Konfiguration aktiviert wurde, der eigene Datenblatt-Tab nicht aktiv ist und mindestens ein Datenblatt über ein Zusatzfeld (Datenblatt 1–3) befüllt wurde.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:

    Hinweis: Der Tab wird angezeigt, wenn die Funktion in der Theme-Konfiguration als eigener Tab aktiviert wurde und mindestens ein Datenblatt über ein Zusatzfeld (Datenblatt 1–3) befüllt wurde.


    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


    Wähle das Zusatzfeld-Set "Datenblätter" deines Themes aus

  • Wähle im Zusatzfeld "Datenblatt 1-3" ein Datenblatt aus deiner Medienverwaltung (PDF-Datei) aus

  • Gebe den gewünschten Linktext in das Zusatzfeld "Datenblatt 1-3 – Titel" ein

  • Optional: Gebe einen Beschreibungstext ins Zusatzfeld "Datenblätter (Text)" ein

  • Speicher deine Änderungen

  • Datenblätter
    Datenblatt 1-3
    Datenblatt 1-3 – Titel
    Datenblätter (Text)
    Datenblätter-Tab
    Datenblätter als PDF bereitstellen
    Shopware 6 Produkt-Verwaltung

    Datenblätter in einem separaten Tab

    Datenblätter (Zusatzfeld)

    Zusatzfelder

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Weiterführende Informationen

    Texte bearbeiten und übersetzen | ThemeWare® Wissensdatenbankwiki.themeware.design
    ThemeWare® Wissensdatenbank => Texte bearbeiten und übersetzen
    Logo
    Erlebniswelt-Header konfigurieren | ThemeWare® Wissensdatenbankwiki.themeware.design
    ThemeWare® Wissensdatenbank => Erlebniswelt-Header konfigurieren
    Logo

    Produktnummer in Listings

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

    ThemeWare® "Produktnummer in Listings"

    Hinweis: Die Produktnummer wird in der Produkt-Box angezeigt, wenn die Konfiguration "Produktnummer anzeigen" aktiviert ist und das Produkt eine Produktnummer besitzt.


    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

    Inhalt

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    Vorbestellung-Label

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


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Produktseiten"

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

    3. Scrolle zum Abschnitt "Vorbestellung"

    4. Aktiviere die Konfiguration "'Vorbestellung' anzeigen"

    5. Speicher deine Änderungen nach der Bearbeitung


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

    • general.deliveryShipping

    Hinweis: Der Hinweis wird angezeigt, wenn für das Produkt ein in der Zukunft liegendes "Erscheinungsdatum" hinterlegt ist – vorausgesetzt die Konfiguration "'Vorbestellung' anzeigen" ist aktiviert. Die Optik folgt der "Darstellungsart" im Abschnitt "Basiskonfiguration".

    Zusammenfassung

    Theme-Konfiguration

    Textbaustein

    Hersteller-Tab

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

    Herstellerinformationen in einem separaten Tab

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

    Hersteller auf Produktseiten

    Hinweis: Der Tab wird angezeigt, wenn die Konfiguration "Hersteller anzeigen" auf "in separatem Tab anzeigen" gesetzt wurde und dem Produkt ein Hersteller zugewiesen ist.


    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

    twt.detail.tabManufacturer.headline
    • %manufacturer% wird durch den Herstellernamen ersetzt.

    Inhalt

    Titel

    Überschrift

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen
    Shopware 6 - Einstellungen - Zahlungsartendocs.shopware.com
    Shopware-Dokumentation
    Logo

    Videos-Tab

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

    ThemeWare® "Videos-Tab"

    Hinweis: Der Tab wird angezeigt, wenn die Konfiguration "Produktvideos-Tab anzeigen" aktiviert wurde und für das Produkt mindestens ein Video über ein Zusatzfeld (YouTube, Vimeo oder Video 1–3) hinterlegt wurde.


    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


    twt.detail.tabVideos.headline

  • Alt-Text

    • twt.detail.tabVideos.alt

  • Videos
    Produktvideos

    Inhalt

    Titel

    Überschrift

    Alt-Text

    Hinweis: Wie du Textbausteine bearbeitest erfährst du in folgender Anleitung:

    Tipp: Wirkt sich eine Änderung nicht auf die Storefront aus, leere einfach einmal den Shopware Cache:

    Zusatzfelder

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Weiterführende Informationen

    Texte bearbeiten und übersetzen
    Shopware Cache leeren / aufwärmen

    GPSR-Informationen auf Produktseiten

    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.

    Hinweis: Die GPSR-Angaben werden angezeigt, wenn die Funktion in der Theme-Konfiguration aktiviert wurde und die passenden Zusatzfelder im Hersteller oder Produkt befüllt sind.

    Anleitung: Eine Schritt-für-Schritt-Anleitung findest du im ThemeWare® Wiki:

    GPSR-Informationen in der Beschreibung
    GPSR-Informationen im "Hersteller-Tab"
    GPSR-Informationen in einem separaten Tab

    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Produktseiten"

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

    3. Wähle über die Konfiguration "Produktsicherheit (GPSR) anzeigen" die gewünschte Platzierung: "in der Beschreibung anzeigen", "im Hersteller-Tab anzeigen" oder "in separatem Tab anzeigen"

    4. Lege im Abschnitt "Basiskonfiguration" über "Herstellerinformationen anzeigen (GPSR)" und "Verantwortliche Person anzeigen (GPSR)" fest, welche Angaben dargestellt werden

    5. Speicher deine Änderungen nach der Bearbeitung

    Die GPSR-Angaben pflegst du über Zusatzfelder am Hersteller:

    1. Wechsel über die Hauptnavigation in die "Hersteller"-Verwaltung ("Kataloge" => "Hersteller")

    2. Wähle den gewünschten Hersteller aus

    3. Scrolle zum Bereich "Zusatzfelder"

    4. Wähle den Tab (=Set) deines Themes aus (z.B. "Hersteller (ThemeWare® Modern Pro)")


    • Produktsicherheit (GPSR) anzeigen

      • Steuert die Platzierung der GPSR-Angaben: "nicht anzeigen", "in der Beschreibung anzeigen", "im Hersteller-Tab anzeigen" oder "in separatem Tab anzeigen".

    • Herstellerinformationen anzeigen (GPSR) (Abschnitt "Basiskonfiguration")



    Die Zwischenüberschriften gelten in der Beschreibung genauso wie im Tab:

    • Herstellerinformationen: twt.detail.gpsr.manufacturerInformation.title

    • Verantwortliche Person: twt.detail.gpsr.responsiblePerson.title

    In beiden Zwischenüberschriften wird der Platzhalter %manufacturer% durch den Herstellernamen ersetzt.

    Wird die Produktsicherheit im Hersteller-Tab angezeigt, nutzt die GPSR-Box dort die Überschrift twt.detail.gpsr.title.


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

    • Tab "Produktseiten" => Bereich "GPSR – Produktsicherheit (in Tabs)" => Abschnitt "Basiskonfiguration" => Herstellerinformationen anzeigen (GPSR) / Verantwortliche Person anzeigen (GPSR)

    • twt.detail.gpsr.manufacturerInformation.title

      • %manufacturer% wird durch den Herstellernamen ersetzt.

    • twt.detail.gpsr.responsiblePerson.title


    Details zur Darstellung im eigenen Tab:

    Die Angaben können ebenfalls im Hersteller-Tab erscheinen:

    Befülle die Felder "Herstellerinformationen" und/oder "Verantwortliche Person"

  • Speicher deine Änderungen

  • Blendet die Herstellerinformationen ein oder aus ("anzeigen" / "nicht anzeigen").
  • Verantwortliche Person anzeigen (GPSR) (Abschnitt "Basiskonfiguration")

    • Blendet die Angaben zur verantwortlichen Person ein oder aus ("anzeigen" / "nicht anzeigen").

  • %manufacturer% wird durch den Herstellernamen ersetzt.

  • twt.detail.gpsr.title

  • Herstellerinformationen (GPSR)
    Verantwortliche Person (GPSR)
    Herstellerinformationen (GPSR)
    Verantwortliche Person (GPSR)
    GPSR-Tab
    Hersteller auf Produktseiten
    GPSR-Informationen auf Produktseiten anzeigen

    Hinweis: "Im Hersteller-Tab anzeigen" wirkt nur, wenn der Hersteller als eigener Tab angezeigt wird.

    GPSR-Angaben (Zusatzfeld)

    Hinweis: Die GPSR-Angaben kannst du alternativ direkt am Produkt pflegen (Spezifikationen ⇒ Zusatzfelder). Am Produkt gepflegte Angaben überschreiben die des Herstellers.

    Optionen

    Zusatzfelder

    Textbausteine

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Zusatzfelder

    Weiterführende Informationen

    Hersteller auf Produktseiten

    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

    • Logo des Herstellers

    • Webseite (Link) des Herstellers


    1. Wechsel in den Tab "Produktseiten"

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

    3. Wähle über die Konfiguration "Hersteller anzeigen" die gewünschte Platzierung: "in der Beschreibung anzeigen" oder "in separatem Tab anzeigen"

    4. Optional: Passe in den Abschnitten "Basiskonfiguration" und "

    Die angezeigten Daten pflegst du direkt am Hersteller in Shopware:

    1. Wechsel über die Hauptnavigation in die "Hersteller"-Verwaltung ("Kataloge" => "Hersteller")

    2. Wähle den gewünschten Hersteller aus (oder lege über "Hersteller anlegen" einen neuen an)

    3. Pflege im Bereich "Herstellerinformationen" die gewünschten Angaben:


    • Hersteller anzeigen

      • Steuert die Platzierung der Herstellerangaben: "nicht anzeigen", "in der Beschreibung anzeigen" oder "in separatem Tab anzeigen".

    • Hersteller-Logo anzeigen (Abschnitt "Basiskonfiguration")


    Die folgenden Texte greifen unabhängig davon, ob der Hersteller in der Beschreibung oder in einem eigenen Tab angezeigt wird:

    • Zwischenüberschrift "Weiterführende Links": twt.detail.tabManufacturer.moreInformation

    • Link "Weitere Produkte": twt.detail.tabManufacturer.linkProducts.label

    • Link "Hersteller-Webseite": twt.detail.tabManufacturer.linkWebsite.label

    Im Label des Links "Weitere Produkte" wird der Platzhalter %manufacturer% durch den Herstellernamen ersetzt.

    Wird der Hersteller in der Beschreibung angezeigt, trägt die Hersteller-Box dort die Überschrift twt.detail.manufacturer.title (%manufacturer% wird durch den Herstellernamen ersetzt).


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

    • Tab "Produktseiten" => Bereich "Hersteller (in Tabs)" => Abschnitt "Basiskonfiguration" => Hersteller-Logo anzeigen

    • Tab "Produktseiten" => Bereich "Hersteller (in Tabs)" => Abschnitt "Weiterführende Hersteller-Links" => Zwischenüberschrift anzeigen / Link "Weitere Produkte" anzeigen / Link "Hersteller-Webseite" anzeigen

    • twt.detail.tabManufacturer.moreInformation

    • twt.detail.tabManufacturer.linkProducts.label

      • %manufacturer% wird durch den Herstellernamen ersetzt.


    Details zur Darstellung im eigenen Tab:

    Die Produktsicherheits-Angaben nach GPSR können ebenfalls im Hersteller-Tab dargestellt werden:

    Weiterführende Hersteller-Links
    " die weiteren Optionen an (siehe unten)
  • Speicher deine Änderungen nach der Bearbeitung

  • Name
  • Beschreibung

  • Webseite

  • Logo (Medien hinzufügen und über "Als Logo nutzen" festlegen)

  • Speicher deine Änderungen

  • Blendet das Hersteller-Logo ein oder aus.
  • Zwischenüberschrift anzeigen (Abschnitt "Weiterführende Hersteller-Links")

    • Blendet die Zwischenüberschrift über den Hersteller-Links ein oder aus.

  • Link "Weitere Produkte" anzeigen (Abschnitt "Weiterführende Hersteller-Links")

    • Blendet einen Link zu weiteren Produkten des Herstellers ein oder aus.

  • Link "Hersteller-Webseite" anzeigen (Abschnitt "Weiterführende Hersteller-Links")

    • Blendet einen Link zur Hersteller-Webseite ein oder aus.

  • twt.detail.tabManufacturer.linkWebsite.label

  • twt.detail.manufacturer.title

    • %manufacturer% wird durch den Herstellernamen ersetzt.

  • Hersteller-Tab
    GPSR-Informationen auf Produktseiten
    Herstellerinformationen in der Beschreibung
    Herstellerinformationen in einem separaten Tab

    Hinweis: Die Herstellerangaben werden angezeigt, wenn die Funktion in der Theme-Konfiguration aktiviert wurde und dem Produkt ein Hersteller zugewiesen ist.

    Konfiguration

    Theme-Konfiguration

    Herstellerangaben (Shopware)

    Optionen

    Textbausteine

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    Weiterführende Informationen