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

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