Navigation

ThemeWare® Manual

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

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.

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

Shows the ThemeWare® "Stock badge".

To edit or translate the texts please use the following snippets: twt.extension.stockBadge...

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

Shows the ThemeWare® "Sold badge".

The status "Sold out" only applies to products with "Clearance sale" enabled.

For products with variants, use the configuration "Sold badge for variants" directly below.

To edit or translate the text please use the following snippet: twt.extension.stockBadge.noStock


Sold badge for variants

Field type:
Select

Available values:
• only products without variants
• also the displayed variant

Example value:
only products without variants

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-variants

Defines whether the "Sold badge" is also shown for variants.

This configuration relates to the configuration "Show sold badge".

Note: Currently only the variant shown in the product box counts (e.g. the main variant), as information about the other variants is not yet available in the listing. If this variant is sold out, the box is marked even if other variants are still available. Boxes showing the main product are not marked.

Beta: This feature may change in an upcoming update, but feel free to test it and send us your feedback.

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

Shows the ThemeWare® "Free shipping badge".

To edit or translate the text please use the following snippet: general.deliveryShippingFree

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

Shows the ThemeWare® "Discount badge".

To edit or translate the texts please use the following snippets: twt.extension.discountBadge...

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

Shows the "Topseller badge".

To edit or translate the text please use the following snippets: listing.boxLabelTopseller

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

Shows the "New badge".

To edit or translate the text please use the following snippets: listing.boxLabelNew

Last updated on

This page online: https://docs.themeware.design/manual/listing-pages/product-badges-in-the-product-box/configuration · ThemeWare® Service Portal, service.themeware.design