Alle Seiten
Bereitgestellt von GitBook
1 von 7

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

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

    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:

    Teaser-Text

    Zusatzfeld

    Zusammenfassung

    Theme-Konfiguration

    Zusatzfeld

    Weiterführende Informationen

    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:

    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

    Produkt-Boxen

    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 (gelb)

    • derzeit nicht verfügbar (rot)


    1. Wechsel in den Tab "Kategorieseiten"

    2. Öffne den Bereich "Produkt-Box"

    3. Scrolle zum Abschnitt "Lieferinformation"

    4. Aktiviere die Konfiguration "Lieferinformation anzeigen"


    • Lieferinformation anzeigen

      • "nicht anzeigen"

      • "anzeigen"

    • Darstellungsart


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

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

    • wishlist.deliveryTimeAvailable

    • wishlist.deliveryShipping

    • wishlist.deliveryTimeRestock

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

  • Speicher deine Änderungen nach der Bearbeitung

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

  • wishlist.currentlyNotAvailable
    Label | Badge | Chip | Text

    Hinweis: Produkte ohne hinterlegte Lieferzeit zeigen nichts an.

    Konfiguration

    Theme-Konfiguration

    Optionen

    Zusammenfassung

    Theme-Konfiguration

    Textbausteine

    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.

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

    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:


    Konfiguration

    Theme-Konfiguration

    1. Wechsel in den Tab "Kategorieseiten"

    2. Öffne den Bereich "Produkt-Box"

    3. Scrolle zum Abschnitt "Produkt-Bewertung"

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

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

    6. Wähle bei "Inhalt" was angezeigt wird

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


    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)

    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.

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

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

  • Bewertung auf Produktseiten
    Bewertungen

    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