> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/manual/layout/e-commerce/configuration.md).

# Configuration

***

### Price

**Field type**:\
Color picker

**Example value**:\
`$sw-color-brand-secondary`

**Path to the configuration**:\
Tab "Layout" => Block "E-Commerce"

**Technical name**:\
`sw-color-price`

{% hint style="info" %}
ThemeWare® variables ($twt-...) are currently not possible in this field.

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

***

### Buy button

**Field type**:\
Color picker

**Example value**:\
`#3d7f53`

**Path to the configuration**:\
Tab "Layout" => Block "E-Commerce"

**Technical name**:\
`sw-color-buy-button`

{% hint style="info" %}
ThemeWare® variables ($twt-...) are currently not possible in this field.

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

***

### Buy button (Text)

**Field type**:\
Color picker

**Example value**:\
`#ffffff`

**Path to the configuration**:\
Tab "Layout" => Block "E-Commerce"

**Technical name**:\
`sw-color-buy-button-text`

{% hint style="info" %}
ThemeWare® variables ($twt-...) are currently not possible in this field.
{% endhint %}

***

### Details button

**Field type**:\
Color picker

**Example value**:\
`#f9f9f9`

**Path to the configuration**:\
Tab "Layout" => Block "E-Commerce"

**Technical name**:\
`twt-color-details-button`

{% hint style="info" %}
Here you can configure the background colour for the details button.

**Text colour / hover effect:**\
According to Bootstrap, the text colour is automatically inverted from this colour value.\
For the hover effect, this colour value is automatically darkened.

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