Navigation

ThemeWare® Handbuch

Konfiguration

Basiskonfiguration


Ecken

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• abgerundete Ecken
• runde Ecken

Beispiel Wert:
runde Ecken

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Basiskonfiguration"

Technischer Name:
twt-product-badges-corner-type

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

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


Schriftgröße

Feldtyp:
Nummernfeld

Beispiel Wert:
16

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Basiskonfiguration"

Technischer Name:
twt-product-badges-font-size

Badge: Lagerbestand-Badge


Modus

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Lagerbestand ober-/unterhalb des Schwellwerts anzeigen
• Lagerbestand immer anzeigen

Beispiel Wert:
Lagerbestand ober-/unterhalb des Schwellwerts anzeigen

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

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

Wähle, wann die Badge angezeigt wird: nur um den Schwellenwert oder immer.


Schwellwert (geringer Bestand)

Feldtyp:
Nummernfeld

Beispiel Wert:
10

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

Technischer Name:
twt-product-badges-stock-badge-threshold-lowstock

Bei Produkten mit einem niedrigeren Lagerbestand wird eine Badge angezeigt.


Schwellwert (hoher Bestand)

Feldtyp:
Nummernfeld

Beispiel Wert:
500

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

Technischer Name:
twt-product-badges-stock-badge-threshold-highstock

Bei Produkten mit einem größeren Lagerbestand wird eine Badge angezeigt.


Färbung

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• Standard, kontrastreich
• Standard, hell
• individuelle Färbung

Beispiel Wert:
Standard

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

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

Standard:
Standard-Farbe von Shopware 6 mit weißer Textfarbe.

Standard, hell:
Helle Farbnuance der Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

Standard, kontrastreich:
Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

individuelle Färbung:
Wähle eine individuelle Hintergrundfarbe. Eine ausreichend kontrastreiche Textfarbe wird automatisch generiert.


Hintergrundfarbe (individuelle Färbung)

Feldtyp:
Farbauswahl

Beispiel Wert:
#f1c40f

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

Technischer Name:
twt-product-badges-stock-badge-background-color

Hinweis: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

Für einen ausreichenden Kontrast mit weißem Text, empfehlen wir #a06b00.


Icon anzeigen

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht anzeigen
• anzeigen

Beispiel Wert:
nicht anzeigen

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

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

Um das Icon zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.stockBadge.lowStock.icon bzw. twt.extension.stockBadge.highStock.icon

Badge: Ausverkauft-Badge


Färbung

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• Standard, kontrastreich
• Standard, hell
• individuelle Färbung

Beispiel Wert:
Standard

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Ausverkauft-Badge"

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

Standard:
Standard-Farbe von Shopware 6 mit weißer Textfarbe.

Standard, hell:
Helle Farbnuance der Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

Standard, kontrastreich:
Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

individuelle Färbung:
Wähle eine individuelle Hintergrundfarbe. Eine ausreichend kontrastreiche Textfarbe wird automatisch generiert.


Hintergrundfarbe (individuelle Färbung)

Feldtyp:
Farbauswahl

Beispiel Wert:
#e74c3c

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Ausverkauft-Badge"

Technischer Name:
twt-product-badges-sold-badge-background-color

Hinweis: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

Für einen ausreichenden Kontrast mit weißem Text, empfehlen wir #e52427.


Icon anzeigen

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht anzeigen
• anzeigen

Beispiel Wert:
nicht anzeigen

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Ausverkauft-Badge"

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

Um das Icon zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.soldBadge.icon

Badge: Versandkostenfrei-Badge


Färbung

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• Standard, kontrastreich
• Standard, hell
• individuelle Färbung

Beispiel Wert:
Standard

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Versandkostenfrei-Badge"

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

Standard:
Standard-Farbe von Shopware 6 mit weißer Textfarbe.

Standard, hell:
Helle Farbnuance der Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

Standard, kontrastreich:
Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

individuelle Färbung:
Wähle eine individuelle Hintergrundfarbe. Eine ausreichend kontrastreiche Textfarbe wird automatisch generiert.


Hintergrundfarbe (individuelle Färbung)

Feldtyp:
Farbauswahl

Beispiel Wert:
#4aa3df

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Versandkostenfrei-Badge"

Technischer Name:
twt-product-badges-shipping-free-badge-background-color

Hinweis: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

Für einen ausreichenden Kontrast mit weißem Text, empfehlen wir #008199.


Icon anzeigen

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht anzeigen
• anzeigen

Beispiel Wert:
nicht anzeigen

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Versandkostenfrei-Badge"

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

Um das Icon zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.shippingFreeBadge.icon

Badge: Rabatt-Badge


Layout

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• % (Standard)
• -25 %
• 25 % gespart
• -35 €
• 35 € gespart

Beispiel Wert:
% (Standard)

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

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


Zahl runden

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• 0.12 (Standard)
• 0.1
• 0

Beispiel Wert:
0.12 (Standard)

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

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

Rundet Sie den Wert entweder auf oder ab (1,5 bis 2).


Färbung

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• Standard, kontrastreich
• Standard, hell
• individuelle Färbung

Beispiel Wert:
Standard

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

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

Standard:
Standard-Farbe von Shopware 6 mit weißer Textfarbe.

Standard, hell:
Helle Farbnuance der Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

Standard, kontrastreich:
Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

individuelle Färbung:
Wähle eine individuelle Hintergrundfarbe. Eine ausreichend kontrastreiche Textfarbe wird automatisch generiert.


Hintergrundfarbe (individuelle Färbung)

Feldtyp:
Farbauswahl

Beispiel Wert:
#e74c3c

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

Technischer Name:
twt-product-badges-discount-badge-background-color

Hinweis: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

Für einen ausreichenden Kontrast mit weißem Text, empfehlen wir #e52427.

Badge: Topseller-Badge


Färbung

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• Standard, kontrastreich
• Standard, hell
• individuelle Färbung

Beispiel Wert:
Standard

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Topseller-Badge"

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

Standard:
Standard-Farbe von Shopware 6 mit weißer Textfarbe.

Standard, hell:
Helle Farbnuance der Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

Standard, kontrastreich:
Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

individuelle Färbung:
Wähle eine individuelle Hintergrundfarbe. Eine ausreichend kontrastreiche Textfarbe wird automatisch generiert.


Hintergrundfarbe (individuelle Färbung)

Feldtyp:
Farbauswahl

Beispiel Wert:
#f1c40f

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Topseller-Badge"

Technischer Name:
twt-product-badges-topseller-badge-background-color

Hinweis: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

Für einen ausreichenden Kontrast mit weißem Text, empfehlen wir #a06b00.


Icon anzeigen

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht anzeigen
• anzeigen

Beispiel Wert:
nicht anzeigen

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Topseller-Badge"

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

Um das Icon zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.topsellerBadge.icon

Badge: Neu-Badge


Färbung

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• Standard
• Standard, kontrastreich
• Standard, hell
• individuelle Färbung

Beispiel Wert:
Standard

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Neu-Badge"

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

Standard:
Standard-Farbe von Shopware 6 mit weißer Textfarbe.

Standard, hell:
Helle Farbnuance der Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

Standard, kontrastreich:
Standard-Farbe von Shopware 6 mit einer ausreichend kontrastreichen Textfarbe.

individuelle Färbung:
Wähle eine individuelle Hintergrundfarbe. Eine ausreichend kontrastreiche Textfarbe wird automatisch generiert.


Hintergrundfarbe (individuelle Färbung)

Feldtyp:
Farbauswahl

Beispiel Wert:
#2ecc71

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Neu-Badge"

Technischer Name:
twt-product-badges-new-badge-background-color

Hinweis: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

Für einen ausreichenden Kontrast mit weißem Text, empfehlen wir #00892d.


Icon anzeigen

Feldtyp:
Auswahlfeld

Verfügbare Werte:
• nicht anzeigen
• anzeigen

Beispiel Wert:
nicht anzeigen

Pfad zur Einstellung:
Tab "Inhalt" => Bereich "Produkt-Badges" => Abschnitt "Badge: Neu-Badge"

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

Um das Icon zu bearbeiten oder übersetzen, nutze bitte den Textbaustein: twt.extension.newBadge.icon

Zuletzt aktualisiert am

Diese Seite im Netz: https://doku.themeware.design/handbuch/inhalt/produkt-badges/konfiguration · ThemeWare® Service Portal, service.themeware.design