Alle Seiten
Bereitgestellt von GitBook
1 von 17

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Loading...

Layout (Layout-Typ "Standard")

Kategorieseiten

ThemeWare® Kategorieseiten
  1. Sidebar

  2. Listing (Shopware CMS-Block "Drei Spalten, Produkt-Boxen")

  3. Produktlisten-Aktionen

Produkt-Boxen

ThemeWare® Kategorieseiten: Produkt-Boxen
  1. Produktbild (Cover-Bild)

  2. Bewertung bzw. Bewertungs-Sterne

  3. Produktname

  4. Variantenmerkmale

Günstigster Preis

  • Merkzettel-Button

  • Produkt-Beschreibung

  • Preiseinheit

  • Aktions-Buttons (Kaufen-Button / Details-Button)

  • Rabatt-Badge

  • Topseller-Badge

  • Produkt-Preis

  • Strichpreis

  • ThemeWare® Versandkostenfrei-Badge

  • ThemeWare® Lagerbestand-Badge (mit ausreichend Lagerbestand)

  • ThemeWare® Lagerbestand-Badge (mit geringem Lagerbestand)

  • Layout (Layout-Typ "Großes Bild")

    Layout (Layout-Typ "Minimaler Inhalt")

    Produkt-Box Layout-Typ "Großes Bild")

    Produkt-Badges (in der Produkt-Box)

    Produkt-Box

    Konfiguration

    Basiskonfiguration


    Produktnummer anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ "Standard")" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-ordernumber-show-box-standard

    Produktnummer (bzw. Bestellnummer) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.ordernumberLabel.

    DHinweis: iese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Produktnummer anzeigen" die Option "je Layout-Typ" ausgewählt ist.


    Hersteller anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ "Standard")" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-manufacturer-show-box-standard


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 Zeile • 2 Zeilen (Standard) • 3 Zeilen • 4 Zeilen

    Beispiel Wert: 2 Zeilen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ "Standard")" => Abschnitt "Produktname"

    Technischer Name: twt-product-box-product-name-line-clamp-box-standard

    Konfiguration

    Basiskonfiguration


    Produktnummer anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box Layout-Typ "Großes Bild")" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-ordernumber-show-box-image

    Produktnummer (bzw. Bestellnummer) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.ordernumberLabel.

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Produktnummer anzeigen" die Option "je Layout-Typ" ausgewählt ist.


    Hersteller anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box Layout-Typ "Großes Bild")" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-manufacturer-show-box-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 Zeile • 2 Zeilen (Standard) • 3 Zeilen • 4 Zeilen

    Beispiel Wert: 2 Zeilen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box Layout-Typ "Großes Bild")" => Abschnitt "Produktname"

    Technischer Name: twt-product-box-product-name-line-clamp-box-image

    Konfiguration


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2

    Beispiel Wert: 1

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-xs


    Feldtyp: Auswahlfeld

    Hersteller (-Name) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.manufacturerLabel.

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Hersteller anzeigen" die Option "je Layout-Typ" ausgewählt ist.

    Produktname

    Anzahl der Zeilen

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Anzahl der Zeilen" die Option "je Layout-Typ" ausgewählt ist.

    Hersteller (-Name) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.manufacturerLabel.

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Hersteller anzeigen" die Option "je Layout-Typ" ausgewählt ist.

    Produktname

    Anzahl der Zeilen

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Anzahl der Zeilen" die Option "je Layout-Typ" ausgewählt ist.

    Verfügbare Werte: • 1 • 2 • 3

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-sm


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-md


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 3

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-lg


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 4

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-xl


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2

    Beispiel Wert: 1

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-xs


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2 • 3

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-sm


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-md


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-lg


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 3

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Standard")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-xl

    Spalten pro Zeile

    Phone (Hochformat) (<576px)

    Spaltenanzahl im Smartphone-Viewport (

    Phone (Querformat) (≥576px)

    Spaltenanzahl im Smartphone-Viewport (≥576px).

    Standard: 2

    Tablet (Hochformat) (≥768px)

    Spaltenanzahl im Tablet-Viewport (≥768px).

    Standard: 2

    Tablet (Querformat) (≥992px)

    Spaltenanzahl im Tablet-Viewport (≥992px).

    Standard: 3

    Desktop (≥1200px)

    Spaltenanzahl im Desktop-Viewport (≥1200px).

    Standard: 4

    Spalten pro Zeile (mit Sidebar)

    Phone (Hochformat) (<576px)

    Spaltenanzahl im Smartphone-Viewport (

    Phone (Querformat) (≥576px)

    Spaltenanzahl im Smartphone-Viewport (≥576px) mit aktiver Sidebar.

    Standard: 2

    Tablet (Hochformat) (≥768px)

    Spaltenanzahl im Tablet-Viewport (≥768px) mit aktiver Sidebar.

    Standard: 2

    Tablet (Querformat) (≥992px)

    Spaltenanzahl im Tablet-Viewport (≥992px) mit aktiver Sidebar.

    Standard: 2

    Desktop (≥1200px)

    Spaltenanzahl im Desktop-Viewport (≥1200px) mit aktiver Sidebar.

    Standard: 3

    Konfiguration

    Basiskonfiguration


    Hover-Effekt

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • immer sichtbar (Standard) • bei Hover ausblenden

    Beispiel Wert: immer sichtbar (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-badges-hover

    Gilt für die Produkt-Badges auf dem Produktbild in der Produkt-Box.

    Wenn aktiviert, werden die Badges beim Überfahren der Produkt-Box zur linken Bildkante aus-/herausgeschoben – praktisch, um das Bild für die dort erscheinenden Elemente frei zu machen. Mehrere Badges verlassen das Bild dabei nacheinander mit leichter Verzögerung.

    Hinweis: Keine Wirkung auf Touch-Geräten – dort bleiben die Badges dauerhaft sichtbar.

    Badge: Lagerbestand-Badge


    Lagerbestand-Badge anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Lagerbestand-Badge"

    Technischer Name: twt-product-badges-stock-badge-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Ausverkauft-Badge"

    Technischer Name: twt-product-badges-sold-badge-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Versandkostenfrei-Badge"

    Technischer Name: twt-product-badges-shipping-free-badge-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Rabatt-Badge"

    Technischer Name: twt-product-badges-discount-badge-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Topseller-Badge"

    Technischer Name: twt-product-badges-topseller-badge-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Badges (in der Produkt-Box)" => Abschnitt "Badge: Neu-Badge"

    Technischer Name: twt-product-badges-new-badge-show

    Konfiguration

    Spalten pro Zeile


    Phone (Hochformat) (<576px)

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2

    Beispiel Wert: 1

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-xs-minimal

    Spaltenanzahl im Smartphone-Viewport (


    Phone (Querformat) (≥576px)

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2 • 3

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-sm-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-md-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 3

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-lg-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 4

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-xl-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2

    Beispiel Wert: 1

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-xs-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2 • 3

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-sm-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-md-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-lg-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 3

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-xl-minimal

    Zeigt die ThemeWare® "Lagerbestand-Badge" an.

    Um die Texte zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.stockBadge...

    Badge: Ausverkauft-Badge

    Ausverkauft-Badge anzeigen

    Zeigt die ThemeWare® "Ausverkauft-Badge" an.

    Der Status "Ausverkauft" gilt nur für Produkte im "Im Abverkauf".

    ...

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

    Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.stockBadge.noStock

    Badge: Versandkostenfrei-Badge

    Versandkostenfrei-Badge anzeigen

    Zeigt die ThemeWare® "Versandkostenfrei-Badge" an.

    Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: general.deliveryShippingFree

    Badge: Rabatt-Badge

    Rabatt-Badge anzeigen

    Zeigt die ThemeWare® "Rabatt-Badge" an.

    Um die Texte zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.extension.discountBadge...

    Badge: Topseller-Badge

    Topseller-Badge anzeigen

    Zeigt die "Topseller-Badge" an.

    Um den Text zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: listing.boxLabelTopseller

    Badge: Neu-Badge

    Neu-Badge anzeigen

    Zeigt die "Neu-Badge" an.

    Um den Text zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: listing.boxLabelNew

    Spaltenanzahl im Smartphone-Viewport (≥576px).

    Standard: 2

    Tablet (Hochformat) (≥768px)

    Spaltenanzahl im Tablet-Viewport (≥768px).

    Standard: 2

    Tablet (Querformat) (≥992px)

    Spaltenanzahl im Tablet-Viewport (≥992px).

    Standard: 3

    Desktop (≥1200px)

    Spaltenanzahl im Desktop-Viewport (≥1200px).

    Standard: 4

    Spalten pro Zeile (mit Sidebar)

    Phone (Hochformat) (<576px)

    Spaltenanzahl im Smartphone-Viewport (

    Phone (Querformat) (≥576px)

    Spaltenanzahl im Smartphone-Viewport (≥576px) mit aktiver Sidebar.

    Standard: 2

    Tablet (Hochformat) (≥768px)

    Spaltenanzahl im Tablet-Viewport (≥768px) mit aktiver Sidebar.

    Standard: 2

    Tablet (Querformat) (≥992px)

    Spaltenanzahl im Tablet-Viewport (≥992px) mit aktiver Sidebar.

    Standard: 2

    Desktop (≥1200px)

    Spaltenanzahl im Desktop-Viewport (≥1200px) mit aktiver Sidebar.

    Standard: 3

    Produkt-Box (Layout-Typ "Standard")

    Konfiguration

    Spalten pro Zeile


    Phone (Hochformat) (<576px)

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2

    Beispiel Wert: 1

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-xs-image

    Spaltenanzahl im Smartphone-Viewport (


    Phone (Querformat) (≥576px)

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2 • 3

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-sm-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-md-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 3

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-lg-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 4

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile"

    Technischer Name: twt-listing-column-count-xl-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2

    Beispiel Wert: 1

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-xs-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 • 2 • 3

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-sm-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-md-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 2

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-lg-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 2 • 3 • 4 • 5 • 6

    Beispiel Wert: 3

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Layout (Layout-Typ "Großes Bild")" => Abschnitt "Spalten pro Zeile (mit Sidebar)"

    Technischer Name: twt-listing-column-count-sidebar-xl-image

    Spaltenanzahl im Smartphone-Viewport (≥576px).

    Standard: 2

    Tablet (Hochformat) (≥768px)

    Spaltenanzahl im Tablet-Viewport (≥768px).

    Standard: 2

    Tablet (Querformat) (≥992px)

    Spaltenanzahl im Tablet-Viewport (≥992px).

    Standard: 3

    Desktop (≥1200px)

    Spaltenanzahl im Desktop-Viewport (≥1200px).

    Standard: 4

    Spalten pro Zeile (mit Sidebar)

    Phone (Hochformat) (<576px)

    Spaltenanzahl im Smartphone-Viewport (

    Phone (Querformat) (≥576px)

    Spaltenanzahl im Smartphone-Viewport (≥576px) mit aktiver Sidebar.

    Standard: 2

    Tablet (Hochformat) (≥768px)

    Spaltenanzahl im Tablet-Viewport (≥768px) mit aktiver Sidebar.

    Standard: 2

    Tablet (Querformat) (≥992px)

    Spaltenanzahl im Tablet-Viewport (≥992px) mit aktiver Sidebar.

    Standard: 2

    Desktop (≥1200px)

    Spaltenanzahl im Desktop-Viewport (≥1200px) mit aktiver Sidebar.

    Standard: 3

    Konfiguration

    Basiskonfiguration


    Darstellungsart

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Rahmenfarbe (Standard) • Schlagschatten

    Beispiel Wert: Rahmenfarbe (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-layout-type


    Hover-Effekt

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Standard • Vergrößern • Nach oben gleiten

    Beispiel Wert: Standard

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-hover-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nein • ja

    Beispiel Wert: nein

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-hover-apply


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • links ausrichten • zentriert ausrichten • rechts ausrichten

    Beispiel Wert: zentriert ausrichten

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-text-align


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-description-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • immer anzeigen (Standard) • nicht anzeigen • Phone (Querformat) (≥576px) • Tablet (Hochformat) (≥768px) • Tablet (Querformat) (≥992px) • Desktop (≥1200px) • Desktop (≥1400px)

    Beispiel Wert: Phone (Querformat) (≥576px)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-description-breakpoint


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-short-description-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-variant-characteristics-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen • je Layout-Typ

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-ordernumber-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen • je Layout-Typ

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-manufacturer-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen (Standard) • Produktnummer • Teaser-Text (Zusatzfeld) • Hersteller • Variantenanzahl

    Beispiel Wert: nicht anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-slot-above


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen (Standard) • Produktnummer • Teaser-Text (Zusatzfeld) • Hersteller • Variantenanzahl

    Beispiel Wert: nicht anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-slot-below


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-price-unit-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-cheapest-price-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-list-price-price-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-list-price-percentage-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard)

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Basiskonfiguration"

    Technischer Name: twt-product-box-action-buy-btn-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • kein Effekt (Standard) • slide up (nicht mehr empfohlen) • slide up (NEU) • slide down • fade in

    Beispiel Wert: kein Effekt (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Aktions-Buttons (Kaufen- / Details-Button)"

    Technischer Name: twt-product-box-action-buy-btn-hover


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nein • ja

    Beispiel Wert: ja

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Layout- und Responsive-Verbesserungen"

    Technischer Name: twt-product-box-compact-layout


    Feldtyp: Farbauswahl

    Beispiel Wert: #cccccc

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Farbkonfiguration"

    Technischer Name: twt-product-box-border-color


    Feldtyp: Farbauswahl

    Beispiel Wert: #008490

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Farbkonfiguration"

    Technischer Name: twt-product-box-border-color-hover


    Feldtyp: Farbauswahl

    Beispiel Wert: #ffffff

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Farbkonfiguration"

    Technischer Name: twt-product-box-background-color


    Feldtyp: Farbauswahl

    Beispiel Wert: #f7f7f7

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Farbkonfiguration"

    Technischer Name: twt-product-box-background-color-hover


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • kein Schatten (Standard) • individueller Schatten • Kleiner Schatten (Bootstrap) • Normaler Schatten (Bootstrap) • Größerer Schatten (Bootstrap) • Level 1 (ThemeWare®) • Level 2 (ThemeWare®) • Level 3 (ThemeWare®) • Level 4 (ThemeWare®) • Level 5 (ThemeWare®)

    Beispiel Wert: Level 1 (ThemeWare®)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Schlagschatten"

    Technischer Name: twt-product-box-box-shadow-type


    Feldtyp: Textfeld

    Beispiel Wert: 0 5px 10px

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Schlagschatten"

    Technischer Name: twt-product-box-box-shadow


    Feldtyp: Farbauswahl

    Beispiel Wert: rgba(0, 0, 0, 0.075)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Schlagschatten"

    Technischer Name: twt-product-box-box-shadow-color


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • kein Schatten (Standard) • individueller Schatten • Kleiner Schatten (Bootstrap) • Normaler Schatten (Bootstrap) • Größerer Schatten (Bootstrap) • Level 1 (ThemeWare®) • Level 2 (ThemeWare®) • Level 3 (ThemeWare®) • Level 4 (ThemeWare®) • Level 5 (ThemeWare®)

    Beispiel Wert: Level 3 (ThemeWare®)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Schlagschatten"

    Technischer Name: twt-product-box-box-shadow-type-hover


    Feldtyp: Textfeld

    Beispiel Wert: 0 10px 20px

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Schlagschatten"

    Technischer Name: twt-product-box-box-shadow-hover


    Feldtyp: Farbauswahl

    Beispiel Wert: rgba(0, 0, 0, 0.15)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Schlagschatten"

    Technischer Name: twt-product-box-box-shadow-color-hover


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Standard • volle Breite

    Beispiel Wert: Standard

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild"

    Technischer Name: twt-product-box-image-layout-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • kein Effekt • Deckkraft reduzieren • Bild vergrößern • Bilder überblenden (Zusatzfeld)

    Beispiel Wert: Bild vergrößern

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild"

    Technischer Name: twt-product-box-image-hover-type


    Feldtyp: Textfeld

    Beispiel Wert: 200

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild"

    Technischer Name: twt-product-box-image-height


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Standard • Füllen (cover) • Strecken (contain)

    Beispiel Wert: Standard

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild"

    Technischer Name: twt-product-box-image-object-fit


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • oben ausrichten • zentriert ausrichten • unten ausrichten

    Beispiel Wert: zentriert ausrichten

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild"

    Technischer Name: twt-product-box-image-align-items


    Feldtyp: Farbauswahl

    Beispiel Wert: rgba(0, 0, 0, 0)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktbild"

    Technischer Name: twt-product-box-image-background-color


    Feldtyp: Farbauswahl

    Beispiel Wert: #4a545b

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Icon-Buttons (Merkzettel- / Quickview-Button)"

    Technischer Name: twt-product-box-wishlist-button-color


    Feldtyp: Farbauswahl

    Beispiel Wert: #f9f9f9

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Icon-Buttons (Merkzettel- / Quickview-Button)"

    Technischer Name: twt-product-box-wishlist-button-background-color


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • immer sichtbar (Standard) • bei Hover einblenden

    Beispiel Wert: immer sichtbar (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Icon-Buttons (Merkzettel- / Quickview-Button)"

    Technischer Name: twt-product-box-icon-buttons-hover


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • oben rechts • unten rechts (Standard) • unten links

    Beispiel Wert: unten rechts (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Merkzettel-Button"

    Technischer Name: twt-product-box-wishlist-button-position


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • am Merkzettel-Button angedockt (Standard) • oben rechts • unten rechts • unten links

    Beispiel Wert: am Merkzettel-Button angedockt (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Quickview-Button"

    Technischer Name: twt-product-box-quickview-button-position


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen (Standard) • Produkt-Bewertung immer anzeigen

    Beispiel Wert: anzeigen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • in der Box (Standard) • auf dem Produktbild

    Beispiel Wert: in der Box (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-placement


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • über dem Produktnamen (Standard) • unter dem Produktnamen

    Beispiel Wert: über dem Produktnamen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-box-position


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • oben rechts • unten rechts • unten links • unten mittig (Standard)

    Beispiel Wert: unten mittig (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-image-position


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • einfach (Standard) • detailliert • Zahl

    Beispiel Wert: einfach (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-style


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Standard • Dekoriert

    Beispiel Wert: Standard

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-layout-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Box • Clean

    Beispiel Wert: Box

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-layout-type-image


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht abgerundet • abgerundete Ecken • runde Ecken (Kapsel/Pill)

    Beispiel Wert: abgerundete Ecken

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-corner-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • immer sichtbar (Standard) • bei Hover einblenden • bei Hover ausblenden

    Beispiel Wert: immer sichtbar (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produkt-Bewertung"

    Technischer Name: twt-product-box-product-review-rating-image-hover


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Lieferinformation"

    Technischer Name: twt-product-box-delivery-information-show


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • vererbt - wie Produktseite • Text • Label • Badge • Chip

    Beispiel Wert: vererbt - wie Produktseite

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Lieferinformation"

    Technischer Name: twt-product-box-delivery-information-layout-type


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 Zeile • 2 Zeilen (Standard) • 3 Zeilen • 4 Zeilen • je Layout-Typ

    Beispiel Wert: 2 Zeilen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Produktname"

    Technischer Name: twt-product-box-product-name-line-clamp


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • Text (Standard) • Text & Icon

    Beispiel Wert: Text (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Kaufen-Button ("In den Warenkorb")"

    Technischer Name: twt-product-box-btn-buy-layout


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • links • rechts

    Beispiel Wert: links

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box" => Abschnitt "Kaufen-Button ("In den Warenkorb")"

    Technischer Name: twt-product-box-btn-buy-icon-position

    Hover-Effekt auf Slider anwenden

    Textausrichtung

    Produktbeschreibung anzeigen

    Wähle aus, ob die gekürzte Produktbeschreibung von Shopware angezeigt wird oder nicht. Dies betrifft die Darstellungsart 'Standard'.

    Zusätzlich kannst du festlegen, ab welchem Viewport die Produktbeschreibung eingeblendet wird und ob stattdessen die ThemeWare®-Kurzbeschreibung verwendet werden soll.

    Produktbeschreibung anzeigen ab ...

    Wähle aus, ab welchem Viewport die Produktbeschreibung bzw. die ThemeWare®-Kurzbeschreibung eingeblendet werden soll.

    Dies betrifft die Darstellungsart 'Standard'.

    Kurzbeschreibung verwenden

    Anstelle der Beschreibung wird eine Kurzbeschreibung angezeigt.

    Die Kurzbeschreibung kann über ein Zusatzfeld im jeweiligen Produkt hinzugefügt werden.

    Variantenmerkmale anzeigen

    Produktnummer anzeigen

    Produktnummer (bzw. Bestellnummer) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.ordernumberLabel.

    je Layout-Typ: Nutze separate Konfigurationsfelder für alle 3 Layout-Typen in den Bereichen "Produkt-Box (Layout-Typ ...)".

    Hersteller anzeigen

    Hersteller (-Name) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.manufacturerLabel.

    je Layout-Typ: Nutze separate Konfigurationsfelder für alle 3 Layout-Typen in den Bereichen "Produkt-Box (Layout-Typ ...)".

    Slot über dem Produktnamen

    Zeigt ein zusätzliches Element über dem Produktnamen an.

    Produktnummer: die Produktnummer. 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.

    Funktioniert unabhängig von den Optionen "Produktnummer anzeigen" / "Hersteller anzeigen".

    Um die Texte zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: twt.listing.ordernumberPrefix (Präfix der Produktnummer), twt.listing.variantCount (Variantenanzahl).

    Slot unter dem Produktnamen

    Zeigt ein zusätzliches Element unter dem Produktnamen an. Gleiche Quellen wie "Slot über dem Produktnamen".

    Preiseinheit anzeigen

    Mit dieser Konfiguration kannst du die Preis pro Einheit (Grundpreis) ausblenden, sofern dieser für deinem Shop nicht relevant ist.

    Hinweis: Mehr Informationen zur Grundpreisberechnung findest du in der Shopware-Dokumentation.

    Günstigsten Preis anzeigen

    Listenpreis anzeigen

    Listenpreis in Prozent anzeigen

    Aktionsschaltflächen anzeigen (Kaufen-Button / Details-Button)

    Hover-Effekt (Kaufen-Button / Details-Button)

    Hinweis: Keine Wirkung auf Touch-Geräten – dort bleiben die Aktionsschaltflächen dauerhaft sichtbar.

    Layout- und Responsive-Verbesserungen

    Kompakte Produkt-Boxen

    Aktiviere diese Konfiguration, damit Produkt-Boxen kompakter dargestellt werden als üblich.

    Beta: Die Funktion kann sich in einem kommenden Update nochmal ändern, teste sie aber gerne schon einmal und sende uns dein Feedback.

    Farbkonfiguration

    Rahmenfarbe

    Rahmenfarbe @hover

    Hintergrundfarbe

    Hintergrundfarbe der Produkt-Box.

    Hintergrundfarbe @hover

    Hintergrundfarbe der Produkt-Box beim Hover.

    Schlagschatten

    Schlagschatten

    Schlagschatten (individuell)

    Schattenfarbe (individuell)

    Schlagschatten @hover

    Schlagschatten @hover (individuell)

    Schattenfarbe @hover (individuell)

    Produktbild

    Layout-Typ

    Hover-Effekt

    Bilder überblenden (Zusatzfeld) Wenn aktiv, wird das Cover-Bild beim Mouseover durch das ThemeWare® Zusatzfeld "Hover-Bild" ausgetauscht.

    Hinweis: Erweiterungen welche ihrerseits das Produkbild modifizieren können die Option "Bilder überblenden" stören. Nutze in diesem Fall einfach einen anderen Hover-Effekt.

    Höhe

    Ändert die Bildhöhe für CMS-Elemente mit dem Layout-Typ "Standard" und "Minimaler Inhalt".

    Der Layout-Typ "Großes Bild" hat bereits eine größere Bildhöhe von 332px.

    Standard: 200

    Anzeigemodus

    none Das Bild wird nicht skaliert.

    cover Die Größe des Bildes wird so angepasst, dass das Seitenverhältnis beibehalten wird und der gesamte Inhaltsrahmen des Elements ausgefüllt wird. Falls das Seitenverhältnis nicht übereinstimmt, wird die Grafik zugeschnitten.

    contain Das Bild wird so skaliert, dass sein Seitenverhältnis beibehalten wird und es in den Inhaltsrahmen des Elements passt.

    Bildausrichtung

    Dieses Konfigurationsfeld hat derzeit keine Funktion mehr. Wir prüfen ob dies mit einem kommenden Update angepasst oder entfernt wird.

    Hintergrundfarbe

    Hintergrundfarbe der Produktbild in Produkt-Boxen von Listings.

    Icon-Buttons (Merkzettel- / Quickview-Button)

    Iconfarbe

    Hier kannst du die Iconfarbe für den Merkzettel-Button konfigurieren.

    Hintergrundfarbe

    Hier kannst du die Hintergrundfarbe für den Merkzettel-Button konfigurieren.

    Hover-Effekt

    Gilt gemeinsam für den Merkzettel- und den Quickview-Button auf dem Produktbild.

    Wenn aktiviert, bleiben die Buttons ausgeblendet und werden beim Überfahren der Produkt-Box ein-/hereingeschoben (der Quickview-Button folgt dem Merkzettel-Button mit leichter Verzögerung).

    Hinweis: Keine Wirkung auf Touch-Geräten – dort bleiben die Buttons dauerhaft sichtbar.

    Merkzettel-Button

    Position

    Legt fest, an welcher Ecke des Bildes der Merkzettel-Button ausgerichtet wird.

    Hinweis: "oben links" steht nicht zur Verfügung, da dort die Produkt-Badges (z.B. "Neu", Rabatt) liegen.

    Quickview-Button

    Position

    am Merkzettel-Button angedockt (Standard) Folgt dem Merkzettel-Button in seine Ecke und stapelt sich mit ihm an derselben Seite. Ist der Merkzettel in den Shopware-Einstellungen deaktiviert, nimmt der Quickview-Button seinen Platz ein.

    oben rechts / unten rechts / unten links Eigenständig in der jeweiligen Ecke des Bildes.

    Hinweis: Die Quickview-Funktion muss zuvor aktiviert werden (siehe "Beta"-Einstellungen).

    Produkt-Bewertung

    Produkt-Bewertung anzeigen

    Hinweis: Diese Konfiguration bezieht sich auf die Darstellung in der Produkt-Box.

    Die Produkt-Bewertung kann darüber hinaus in den Shopware-Einstellungen ("Einstellungen" > "Shop" > "Produkte" > "Bewertungen anzeigen") vollständig deaktiviert werden.

    Platzierung

    Legt die Zone fest, in der die Bewertung erscheint.

    in der Box Im Textbereich der Produkt-Box – die genaue Stelle wählst du über "Position (in der Box)".

    auf dem Produktbild Als Overlay auf dem Bild – die Ecke wählst du über "Position (auf dem Produktbild)".

    Position (in der Box)

    Nur wirksam, wenn die Bewertung in der Box liegt (siehe "Platzierung").

    Position (auf dem Produktbild)

    Nur wirksam, wenn die Bewertung auf dem Produktbild liegt (siehe "Platzierung").

    Legt fest, an welcher Ecke/Kante des Bildes die Bewertung ausgerichtet wird.

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

    Inhalt

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

    Optische Darstellung, wenn die Bewertung über oder unter dem Produktnamen liegt.

    Standard Schlichte Sterne.

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

    Hinweis: Auf dem Produktbild greift stattdessen die "Darstellungsart (auf dem Produktbild)".

    Darstellungsart (auf dem Produktbild)

    Nur wirksam, wenn die Bewertung auf dem Produktbild liegt (siehe "Position").

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

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

    Ecken (auf dem Produktbild)

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

    runde Ecken Verwendet einen vordefinierten Radius für runde Ecken.

    Hinweis: Wirkt nur auf dem Produktbild bei Darstellungsart "Box".

    Hover-Effekt (auf dem Produktbild)

    Nur wirksam, wenn die Bewertung auf dem Produktbild liegt (siehe "Platzierung").

    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 folgt der Ausrichtung.

    Hinweis: Keine Wirkung auf Touch-Geräten – dort bleibt die Bewertung dauerhaft sichtbar.

    Lieferinformation

    Lieferinformation anzeigen

    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 und versandfertig in x Tagen (gelb) sowie derzeit nicht verfügbar (rot). Produkte ohne Lieferzeit zeigen nichts an.

    Um die Texte zu bearbeiten oder übersetzen, nutze bitte die Textbausteine: wishlist.deliveryTimeAvailable, wishlist.deliveryShipping, wishlist.deliveryTimeRestock, wishlist.currentlyNotAvailable

    Darstellungsart

    Legt fest, wie die Lieferinformation in der Produkt-Box erscheint.

    vererbt - wie Produktseite Übernimmt die Einstellung der Produktseite, 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.

    Produktname

    Anzahl der Zeilen

    je Layout-Typ: Nutze separate Konfigurationsfelder für alle 3 Layout-Typen in den Bereichen "Produkt-Box (Layout-Typ ...)".

    Kaufen-Button ("In den Warenkorb")

    Darstellungsart

    Um den Text zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: listing.boxAddProduct

    Position der Icons

    Produkt-Box (Layout-Typ "Minimaler Inhalt")

    Konfiguration

    Basiskonfiguration


    Produktnummer anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-ordernumber-show-box-minimal

    Produktnummer (bzw. Bestellnummer) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.ordernumberLabel.

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Produktnummer anzeigen" die Option "je Layout-Typ" ausgewählt ist.


    Hersteller anzeigen

    Feldtyp: Auswahlfeld

    Verfügbare Werte: • nicht anzeigen • anzeigen

    Beispiel Wert: nicht anzeigen

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Inhalte"

    Technischer Name: twt-product-box-manufacturer-show-box-minimal


    Feldtyp: Auswahlfeld

    Verfügbare Werte: • 1 Zeile • 2 Zeilen (Standard) • 3 Zeilen • 4 Zeilen

    Beispiel Wert: 2 Zeilen (Standard)

    Pfad zur Einstellung: Tab "Kategorieseiten" => Bereich "Produkt-Box (Layout-Typ "Minimaler Inhalt")" => Abschnitt "Produktname"

    Technischer Name: twt-product-box-product-name-line-clamp-box-minimal

    Hersteller (-Name) in der Produkt-Box anzeigen.

    Um das Label zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.listing.manufacturerLabel.

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Hersteller anzeigen" die Option "je Layout-Typ" ausgewählt ist.

    Produktname

    Anzahl der Zeilen

    Hinweis: Diese Konfiguration greift nur, wenn im Bereich "Produkt-Boxen" im Feld "Anzahl der Zeilen" die Option "je Layout-Typ" ausgewählt ist.