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
Last updated
Was this helpful?