> 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/product-pages/buybox/configuration.md).

# Configuration

## Basic configuration

***

### Show short description

**Field type**:\
Select

**Available values**:\
• don't show\
• show

**Example value**:\
`don't show`

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-short-description-show`

{% hint style="info" %}
The short description can be added via a custom field in the corresponding product.
{% endhint %}

## Price table

***

### Layout type

**Field type**:\
Select

**Available values**:\
• default\
• ThemeWare®

**Example value**:\
`ThemeWare®`

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Price table"

**Technical name**:\
`twt-product-detail-prices-table-layout`

***

### Style

**Field type**:\
Select

**Available values**:\
• spacious (default)\
• compact

**Example value**:\
`compact`

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Price table"

**Technical name**:\
`twt-product-detail-prices-table-style`

***

### Width

**Field type**:\
Select

**Available values**:\
• wide (default)\
• narrow

**Example value**:\
`narrow`

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Price table"

**Technical name**:\
`twt-product-detail-prices-table-width`

***

### Text colour (Table head)

**Field type**:\
Color picker

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

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Price table"

**Technical name**:\
`twt-product-detail-prices-table-head-color`

{% hint style="info" %}
This is used in the "ThemeWare®" layout type.
{% endhint %}

***

### Background colour (Table head)

**Field type**:\
Color picker

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

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Price table"

**Technical name**:\
`twt-product-detail-prices-table-head-background-color`

{% hint style="info" %}
This is used in the "ThemeWare®" layout type.
{% endhint %}

## Buy button ("Add to shopping cart")

***

### Layout type

**Field type**:\
Select

**Available values**:\
• Text (default)\
• Text & Icon

**Example value**:\
`Text (default)`

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Buy button ("Add to shopping cart")"

**Technical name**:\
`twt-product-detail-btn-buy-layout`

{% hint style="info" %}
To edit or translate the text please use the following snippet: detail.addProduct
{% endhint %}

***

### Icon position

**Field type**:\
Select

**Available values**:\
• left\
• right

**Example value**:\
`left`

**Path to the configuration**:\
Tab "Product pages" => Block "Buy box" => Section "Buy button ("Add to shopping cart")"

**Technical name**:\
`twt-product-detail-btn-buy-icon-position`