> For the complete documentation index, see [llms.txt](https://doku.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doku.themeware.design/handbuch/produktseiten/konfigurator-in-der-buybox/konfiguration.md).

# Konfiguration

### Darstellungsart

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Shopware-Standard\
• ThemeWare®

**Beispiel Wert**:\
`ThemeWare®`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)"

**Technischer Name**:\
`twt-product-detail-configurator-layout-type`

{% hint style="info" %}
Wähle, wie Varianten-Optionen (z.B. Größen oder Farben) auf der Produktdetailseite dargestellt werden.

In der Darstellungsart "Shopware" verhalten sich die Optionen wie ausgeliefert.

In der Darstellungsart "ThemeWare®" kannst du Varianten (vom Typ Text, Bild und Farbe) mit der nachfolgenden Konfigurationen anpassen.
{% endhint %}

## Farbkonfiguration

***

### Textfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#2b3136`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-color`

***

### Rahmenfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#adb5bd`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-border-color`

***

### Hintergrundfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-bg-color`

***

### Textfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-color-hover`

***

### Rahmenfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-border-color-hover`

***

### Hintergrundfarbe @hover

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-bg-color-hover`

***

### Textfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#2b3136`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-color-active`

***

### Rahmenfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`$sw-color-brand-primary`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-border-color-active`

***

### Hintergrundfarbe @active

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-bg-color-active`

***

### Textfarbe @disabled

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#2b3136`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-color-disabled`

***

### Rahmenfarbe @disabled

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#adb5bd`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-border-color-disabled`

***

### Hintergrundfarbe @disabled

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`transparent`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Farbkonfiguration"

**Technischer Name**:\
`twt-product-detail-configurator-option-bg-color-disabled`

## Inaktive Varianten

***

### Darstellungsart (inaktive Varianten)

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• Shopware-Standard (reduzierte Deckkraft)\
• ThemeWare® (einfach durchgestrichen)\
• ThemeWare® (doppelt durchgestrichen)

**Beispiel Wert**:\
`ThemeWare® (doppelt durchgestrichen)`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Inaktive Varianten"

**Technischer Name**:\
`twt-product-detail-configurator-option-disabled-layout-type`

{% hint style="info" %}
Wähle, wie nicht verfügbare (inaktive) Varianten-Optionen auf der Produktdetailseite visuell gekennzeichnet werden.

In der Darstellungsart "Shopware" wird die Deckkraft von inaktiven Varianten reduziert.

In der Darstellungsart "ThemeWare®" werden inaktive Varianten (vom Typ Text, Bild und Farbe) zusätzlich durchgestrichen angezeigt.
{% endhint %}

***

### Durchstreichungsfarbe

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#b3bfcc`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Inaktive Varianten"

**Technischer Name**:\
`twt-product-detail-configurator-option-disabled-strikethrough-color`

{% hint style="info" %}
Lege die Farbe der Linie fest, mit der inaktive Varianten durchgestrichen werden.

**Hinweis**: Diese Einstellung wird nur angewendet, wenn die Darstellungsart "ThemeWare®" gesetzt ist.
{% endhint %}

## Textoption

***

### Rahmen anzeigen

**Feldtyp**:\
Auswahlfeld

**Verfügbare Werte**:\
• nein\
• ja

**Beispiel Wert**:\
`ja`

**Pfad zur Einstellung**:\
Tab "Produktseiten" => Bereich "Konfigurator (in der Buybox)" => Abschnitt "Textoption"

**Technischer Name**:\
`twt-product-detail-configurator-text-option-bordered`