> 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/layout/e-commerce/konfiguration.md).

# Konfiguration

***

### Preis

**Feldtyp**:\
Farbauswahl

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

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "E-Commerce"

**Technischer Name**:\
`sw-color-price`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.

Variable: **$sw-color-price**
{% endhint %}

***

### Kaufen-Button

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#3d7f53`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "E-Commerce"

**Technischer Name**:\
`sw-color-buy-button`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.

Variable: **$sw-color-buy-button**
{% endhint %}

***

### Kaufen-Button (Text)

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#ffffff`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "E-Commerce"

**Technischer Name**:\
`sw-color-buy-button-text`

{% hint style="info" %}
In diesem Feld sind derzeit keine ThemeWare® Variablen ($twt-...) möglich.
{% endhint %}

***

### Details-Button

**Feldtyp**:\
Farbauswahl

**Beispiel Wert**:\
`#f9f9f9`

**Pfad zur Einstellung**:\
Tab "Layout" => Bereich "E-Commerce"

**Technischer Name**:\
`twt-color-details-button`

{% hint style="info" %}
Hier kannst du die Hintergrundfarbe für den Details-Button konfigurieren.

**Textfarbe / Hover-Effekt:**\
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.\
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.

Variable: **$twt-color-details-button**
{% endhint %}