Configuration

Basic configuration

---

Corner type

Field type: Select

Available values: • default • rounded corners • round corners

Example value: round corners

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Basic configuration"

Technical name: twt-product-badges-corner-type

rounded corners Uses the configuration "Border radius". (see "Layout" > "Layout" > "Border radius")

round corners Uses a predefined radius for round corners.

---

Font size

Field type: Number field

Example value: 16

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Basic configuration"

Technical name: twt-product-badges-font-size

Badge: Stock badge

---

Threshold (low stock)

Field type: Number field

Example value: 10

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Stock badge"

Technical name: twt-product-badges-stock-badge-threshold-lowstock

A badge is displayed for products with a lower stock level.

---

Threshold (high stock)

Field type: Number field

Example value: 500

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Stock badge"

Technical name: twt-product-badges-stock-badge-threshold-highstock

A badge is displayed for products with a higher stock level.

---

Coloration

Field type: Select

Available values: • default • default, contrast • default, light • individual coloration

Example value: default

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Stock badge"

Technical name: twt-product-badges-stock-badge-coloration

default: Default badge colour of Shopware 6 with white text colour.

default, light: Light shade of the default badge colour with a sufficiently high-contrast text colour.

default, contrast: Default badge colour of Shopware 6 with a sufficiently high-contrast text colour.

individual coloration: Enter an individual background colour. A sufficiently high-contrast text colour is generated automatically.

---

Background colour (individual coloration)

Field type: Color picker

Example value: #f1c40f

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Stock badge"

Technical name: twt-product-badges-stock-badge-background-color

Note: This configuration relates to the coloration "individual coloration".

For sufficient contrast with white text, we recommend #a06b00.

---

Show icon

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Stock badge"

Technical name: twt-product-badges-stock-badge-icon-show

To edit the icon please use the following snippet: twt.extension.stockBadge.lowStock.icon resp. twt.extension.stockBadge.highStock.icon

Badge: Sold badge

---

Coloration

Field type: Select

Available values: • default • default, contrast • default, light • individual coloration

Example value: default

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Sold badge"

Technical name: twt-product-badges-sold-badge-coloration

default: Default badge colour of Shopware 6 with white text colour.

default, light: Light shade of the default badge colour with a sufficiently high-contrast text colour.

default, contrast: Default badge colour of Shopware 6 with a sufficiently high-contrast text colour.

individual coloration: Enter an individual background colour. A sufficiently high-contrast text colour is generated automatically.

---

Background colour (individual coloration)

Field type: Color picker

Example value: #e74c3c

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Sold badge"

Technical name: twt-product-badges-sold-badge-background-color

Note: This configuration relates to the coloration "individual coloration".

For sufficient contrast with white text, we recommend #e52427.

---

Show icon

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Sold badge"

Technical name: twt-product-badges-sold-badge-icon-show

To edit the icon please use the following snippet: twt.extension.soldBadge.icon

Badge: Free shipping badge

---

Coloration

Field type: Select

Available values: • default • default, contrast • default, light • individual coloration

Example value: default

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Free shipping badge"

Technical name: twt-product-badges-shipping-free-badge-coloration

default: Default badge colour of Shopware 6 with white text colour.

default, light: Light shade of the default badge colour with a sufficiently high-contrast text colour.

default, contrast: Default badge colour of Shopware 6 with a sufficiently high-contrast text colour.

individual coloration: Enter an individual background colour. A sufficiently high-contrast text colour is generated automatically.

---

Background colour (individual coloration)

Field type: Color picker

Example value: #4aa3df

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Free shipping badge"

Technical name: twt-product-badges-shipping-free-badge-background-color

Note: This configuration relates to the coloration "individual coloration".

For sufficient contrast with white text, we recommend #008199.

---

Show icon

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Free shipping badge"

Technical name: twt-product-badges-shipping-free-badge-icon-show

To edit the icon please use the following snippet: twt.extension.shippingFreeBadge.icon

Badge: Discount badge

---

Content

Field type: Select

Available values: • % (default) • -25 % • 25 % saved • -35 € • 35 € saved

Example value: % (default)

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Discount badge"

Technical name: twt-product-badges-discount-badge-type

---

Round number

Field type: Select

Available values: • 0.12 (default) • 0.1 • 0

Example value: 0.12 (default)

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Discount badge"

Technical name: twt-product-badges-discount-badge-round

Round the value either up or down (1.5 to 2).

---

Coloration

Field type: Select

Available values: • default • default, contrast • default, light • individual coloration

Example value: default

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Discount badge"

Technical name: twt-product-badges-discount-badge-coloration

default: Default badge colour of Shopware 6 with white text colour.

default, light: Light shade of the default badge colour with a sufficiently high-contrast text colour.

default, contrast: Default badge colour of Shopware 6 with a sufficiently high-contrast text colour.

individual coloration: Enter an individual background colour. A sufficiently high-contrast text colour is generated automatically.

---

Background colour (individual coloration)

Field type: Color picker

Example value: #e74c3c

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Discount badge"

Technical name: twt-product-badges-discount-badge-background-color

Note: This configuration relates to the coloration "individual coloration".

For sufficient contrast with white text, we recommend #e52427.

Badge: Topseller badge

---

Coloration

Field type: Select

Available values: • default • default, contrast • default, light • individual coloration

Example value: default

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Topseller badge"

Technical name: twt-product-badges-topseller-badge-coloration

default: Default badge colour of Shopware 6 with white text colour.

default, light: Light shade of the default badge colour with a sufficiently high-contrast text colour.

default, contrast: Default badge colour of Shopware 6 with a sufficiently high-contrast text colour.

individual coloration: Enter an individual background colour. A sufficiently high-contrast text colour is generated automatically.

---

Background colour (individual coloration)

Field type: Color picker

Example value: #f1c40f

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Topseller badge"

Technical name: twt-product-badges-topseller-badge-background-color

Note: This configuration relates to the coloration "individual coloration".

For sufficient contrast with white text, we recommend #a06b00.

---

Show icon

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: Topseller badge"

Technical name: twt-product-badges-topseller-badge-icon-show

To edit the icon please use the following snippet: twt.extension.topsellerBadge.icon

Badge: New badge

---

Coloration

Field type: Select

Available values: • default • default, contrast • default, light • individual coloration

Example value: default

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: New badge"

Technical name: twt-product-badges-new-badge-coloration

default: Default badge colour of Shopware 6 with white text colour.

default, light: Light shade of the default badge colour with a sufficiently high-contrast text colour.

default, contrast: Default badge colour of Shopware 6 with a sufficiently high-contrast text colour.

individual coloration: Enter an individual background colour. A sufficiently high-contrast text colour is generated automatically.

---

Background colour (individual coloration)

Field type: Color picker

Example value: #2ecc71

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: New badge"

Technical name: twt-product-badges-new-badge-background-color

Note: This configuration relates to the coloration "individual coloration".

For sufficient contrast with white text, we recommend #00892d.

---

Show icon

Field type: Select

Available values: • don't show • show

Example value: don't show

Path to the configuration: Tab "Content" => Block "Product badges" => Section "Badge: New badge"

Technical name: twt-product-badges-new-badge-icon-show

To edit the icon please use the following snippet: twt.extension.newBadge.icon