> 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/delivery-information-labels-in-the-buybox/configuration.md).

# Configuration

## Basic configuration

***

### Layout type

**Field type**:\
Select

**Available values**:\
• Text\
• Label\
• Badge\
• Chip

**Example value**:\
`Label`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-labels-style`

{% hint style="info" %}
Determines how the delivery information appears in the buy box.

**Text**\
A plain line with the status dot – the familiar Shopware look, but in the ThemeWare® group.

**Label**\
The same line on a surface tinted in the status colour (green / yellow / red).

**Badge**\
A rounded badge without the dot – inherits the corner style and font size of the product badges.

**Chip**\
The dot sits in a tinted circle with the text next to it; hovering grows the circle behind the text into a pill.

Applies to all states listed below. Which of them appear is controlled per state.

With the compatibility option "Delivery information (in the buy box)" set to "default", Shopware renders its text lines in their usual place – the layout type then only applies to the stock note.
{% endhint %}

***

### Arrangement

**Field type**:\
Select

**Available values**:\
• side by side\
• one below the other

**Example value**:\
`one below the other`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-labels-arrangement`

***

### Position

**Field type**:\
Select

**Available values**:\
• show above the price\
• show below the price

**Example value**:\
`show below the price`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Basic configuration"

**Technical name**:\
`twt-product-detail-labels-position`

{% hint style="info" %}
Determines whether the delivery information appears above or below the price.
{% endhint %}

## Free shipping

***

### Show 'Free shipping'

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Free shipping"

**Technical name**:\
`twt-product-detail-shipping-free-show`

{% hint style="info" %}
Shows the "Free shipping" note in the buy box. Its appearance follows the "Layout type" above.

To edit or translate the text please use the following snippet: twt.detail.shippingFreeLabel
{% endhint %}

## Stock

***

### Show stock note

**Field type**:\
Select

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

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

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Stock"

**Technical name**:\
`twt-product-detail-stock-label-show`

{% hint style="info" %}
Shows the ThemeWare® stock note in the buy box. Its appearance follows the "Layout type" above.

To edit or translate the texts please use the following snippets: **twt.detail.stockLabel...**
{% endhint %}

***

### Mode

**Field type**:\
Select

**Available values**:\
• Show stock above/below the threshold\
• Always show stock

**Example value**:\
`Show stock above/below the threshold`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Stock"

**Technical name**:\
`twt-product-detail-stock-label-mode`

{% hint style="info" %}
Choose when the note is shown: only around the threshold or always.
{% endhint %}

***

### Threshold (low stock)

**Field type**:\
Number field

**Example value**:\
`10`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Stock"

**Technical name**:\
`twt-product-detail-stock-label-threshold-lowstock`

{% hint style="info" %}
The note is displayed for products with a lower stock level.
{% endhint %}

***

### Threshold (high stock)

**Field type**:\
Number field

**Example value**:\
`500`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Stock"

**Technical name**:\
`twt-product-detail-stock-label-threshold-highstock`

{% hint style="info" %}
The note is displayed for products with a higher stock level.
{% endhint %}

## Sold out

***

### Show 'Sold out'

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Sold out"

**Technical name**:\
`twt-product-detail-sold-show`

{% hint style="info" %}
Shows the "Sold out" note in the buy box. Its appearance follows the "Layout type" above.

The status "Sold out" only applies to products "On clearance sale".

Variant products are only marked as "Sold out" when they are "expanded" by properties in the listing.

To edit or translate the text please use the following snippet: twt.detail.stockLabel.noStock
{% endhint %}

## Not available

***

### Show 'Not available'

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Not available"

**Technical name**:\
`twt-product-detail-notavailable-show`

{% hint style="info" %}
Shows the "Not available" note in the buy box. Its appearance follows the "Layout type" above.

To edit or translate the text please use the following snippet: general.deliveryNotAvailable
{% endhint %}

## Pre-order

***

### Show 'Pre-order'

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Pre-order"

**Technical name**:\
`twt-product-detail-preorder-show`

{% hint style="info" %}
Shows the "Pre-order" note in the buy box. Its appearance follows the "Layout type" above.

To edit or translate the text please use the following snippet: general.deliveryShipping
{% endhint %}

## Delivery time

***

### Show 'Delivery time'

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Delivery time"

**Technical name**:\
`twt-product-detail-deliverytime-available-show`

{% hint style="info" %}
Shows the "Delivery time" note (available) in the buy box. Its appearance follows the "Layout type" above.

To edit or translate the text please use the following snippet: detail.deliveryTimeAvailable
{% endhint %}

***

### Show 'Ready for shipping in …'

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Product pages" => Block "Delivery information (in the buy box)" => Section "Delivery time"

**Technical name**:\
`twt-product-detail-deliverytime-restock-show`

{% hint style="info" %}
Shows the "Ready for shipping in …" note in the buy box. Its appearance follows the "Layout type" above.

To edit or translate the text please use the following snippet: detail.deliveryTimeRestock
{% endhint %}