> 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/listing-pages/product-badges-in-the-product-box/configuration.md).

# Configuration

## Basic configuration

***

### Hover effect

**Field type**:\
Select

**Available values**:\
• always visible (default)\
• hide on hover

**Example value**:\
`always visible (default)`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Basic configuration"

**Technical name**:\
`twt-product-badges-hover`

{% hint style="info" %}
Applies to the product badges on the product image in the product box.

When enabled, the badges fade / slide out towards the left image edge when the product box is hovered – useful to clear the image for the elements appearing there. Several badges leave the image one after another with a slight delay.

**Note**: No effect on touch devices – there the badges stay permanently visible.
{% endhint %}

## Badge: Stock badge

***

### Show stock badge

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Stock badge"

**Technical name**:\
`twt-product-badges-stock-badge-show`

{% hint style="info" %}
Shows the ThemeWare® "Stock badge".

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

## Badge: Sold badge

***

### Show sold badge

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Sold badge"

**Technical name**:\
`twt-product-badges-sold-badge-show`

{% hint style="info" %}
Shows the ThemeWare® "Sold badge".

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.extension.stockBadge.noStock
{% endhint %}

## Badge: Free shipping badge

***

### Show free shipping badge

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Free shipping badge"

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

{% hint style="info" %}
Shows the ThemeWare® "Free shipping badge".

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

## Badge: Discount badge

***

### Show discount badge

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Discount badge"

**Technical name**:\
`twt-product-badges-discount-badge-show`

{% hint style="info" %}
Shows the ThemeWare® "Discount badge".

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

## Badge: Topseller badge

***

### Show topseller badge

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Topseller badge"

**Technical name**:\
`twt-product-badges-topseller-badge-show`

{% hint style="info" %}
Shows the "Topseller badge".

To edit or translate the text please use the following snippets: listing.boxLabelTopseller
{% endhint %}

## Badge: New badge

***

### Show new badge

**Field type**:\
Select

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

**Example value**:\
`show`

**Path to the configuration**:\
Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: New badge"

**Technical name**:\
`twt-product-badges-new-badge-show`

{% hint style="info" %}
Shows the "New badge".

To edit or translate the text please use the following snippets: listing.boxLabelNew
{% endhint %}