[P] On sale badge

When products are configured with a price comparison, the theme automatically shows an "on-sale" badge on the collection and product pages. This badge can help customers visually identify special offers and increase conversions.

Configuring on-sale badge

By default, the theme shows a monetary saving (e.g., "Save $5"), but this behavior can be changed to show a percentage saving instead (e.g., "Save 20%"). You can also completely hide the on-sale badge.

To configure the on-sale badge, open the theme editor, click on "Theme settings" > "Product card," and configure the settings to match your requirements:

FAQ

• On-sale badge only displays "On sale": showing a monetary or percentage saving is only supported in Prestige version 7 and higher. If you are using an older version, you must upgrade. If you are using version 7 or higher but only see "On sale," this might be because your products have variants configured with different compare prices. When each variant has a different compare-at price, the theme displays a more generic "On sale" instead of an explicit saving amount. This is done to reduce customer frustration, who might feel tricked if the variant they are interested in does not have the same saving as displayed on collection pages.
• On-sale badge never shows, despite products being on sale: this can happen if you sell in the European Union. To protect your store from legal issues, Shopify can hide on-sale prices from your store. Learn more about compare-at-price not showing.