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
- All settings in detail: Product badges (in the product box)
- All settings in detail: Product badges (in the image gallery or buybox)
- All settings in detail: Product badges
Snippets
twt.extension.discountBadge.discount(Content "35 € saved")twt.extension.discountBadge.discountShort(Content "-35 €")twt.extension.discountBadge.percentage(Content "25 % saved")twt.extension.discountBadge.percentageShort(Content "-25 %")- All snippets at a glance: Snippets