The discount badge points out reduced products – in the product box on listing pages and on the product page (gallery or buybox).
Discount
The "Discount" of a product is calculated from the difference between the "List price" and the "Price". For more information, see the Shopware documentation.
Configuration
Theme configuration
Listing pages
- Go to the "Listing pages" tab
- Expand the "Product badges (in the product box)" block
- Scroll to the section "Badge: Discount badge"
- Enable the configuration "Show discount badge"
- Save your changes after editing
Product pages
- Go to the "Product pages" tab
- Expand the "Product badges (in the image gallery or buy box)" block
- Scroll to the section "Badge: Discount badge"
- Set the configuration "Show discount badge" to "show in the image gallery" or "show in the buy box"
- Save your changes after editing
Note: The badge is displayed if the product has a "List price" that results in a discount (not for price ranges or "from" prices) – provided the discount badge is enabled. The ThemeWare® badge only appears if the ThemeWare® mode is selected in the "Discount badge (Product badges)" setting; otherwise Shopware's default badge is used.
Options
You control how the discount is displayed in the "Content" tab:
Tab "Content" => Block "Product badges" => Section "Badge: Discount badge"
- Content: Defines how the discount is shown – e.g. "% (default)", "-25 %", "25 % saved", "-35 €" or "35 € saved".
- Round number: Defines the rounding of the value – "0.12 (default)", "0.1" or "0".
Summary
Theme configuration
- Tab "Listing pages" => Block "Product badges (in the product box)" => Section "Badge: Discount badge" => Show discount badge
- Tab "Product pages" => Block "Product badges (in the image gallery or buy box)" => Section "Badge: Discount badge" => Show discount badge
- Tab "Content" => Block "Product badges" => Section "Badge: Discount badge" => Content
- Tab "Content" => Block "Product badges" => Section "Badge: Discount badge" => Round number
Snippets
twt.extension.discountBadge.discount%discount%is replaced by the discount.
twt.extension.discountBadge.discountShort%discount%is replaced by the discount.%currency%is replaced by the current currency symbol.
twt.extension.discountBadge.percentage%discount%is replaced by the percentage discount.
twt.extension.discountBadge.percentageShort%discount%is replaced by the percentage discount.%currency%is replaced by the current currency symbol.