# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doku.themeware.design/handbuch/layout/e-commerce/konfiguration.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.