# 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`

{% hint style="info" %}
**abgerundete Ecken**\
Verwendet die Konfiguration "Abgerundete Ecken". (siehe "Layout" > "Layout" > "Abgerundete Ecken")

**runde Ecken**\
Verwendet einen vordefinierten Radius für runde Ecken.
{% endhint %}

***

### 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`

{% hint style="info" %}
Wähle, wann die Badge angezeigt wird: nur um den Schwellenwert oder immer.
{% endhint %}

***

### 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`

{% hint style="info" %}
Bei Produkten mit einem niedrigeren Lagerbestand wird eine Badge angezeigt.
{% endhint %}

***

### 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`

{% hint style="info" %}
Bei Produkten mit einem größeren Lagerbestand wird eine Badge angezeigt.
{% endhint %}

***

### 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`

{% hint style="info" %}
**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.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

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

***

### 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`

{% hint style="info" %}
Um das Icon zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.stockBadge.lowStock.icon bzw. twt.extension.stockBadge.highStock.icon
{% endhint %}

## 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`

{% hint style="info" %}
**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.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

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

***

### 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`

{% hint style="info" %}
Um das Icon zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.soldBadge.icon
{% endhint %}

## 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`

{% hint style="info" %}
**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.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

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

***

### 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`

{% hint style="info" %}
Um das Icon zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.shippingFreeBadge.icon
{% endhint %}

## 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`

{% hint style="info" %}
Rundet Sie den Wert entweder auf oder ab (1,5 bis 2).
{% endhint %}

***

### 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`

{% hint style="info" %}
**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.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

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

## 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`

{% hint style="info" %}
**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.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

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

***

### 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`

{% hint style="info" %}
Um das Icon zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.topsellerBadge.icon
{% endhint %}

## 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`

{% hint style="info" %}
**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.
{% endhint %}

***

### 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`

{% hint style="info" %}
**Hinweis**: Diese Konfiguration bezieht sich auf die Färbung "individuelle Färbung".

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

***

### 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`

{% hint style="info" %}
Um das Icon zu bearbeiten oder übersetzten, nutze bitte den Textbaustein: twt.extension.newBadge.icon
{% endhint %}