How do I show an automatic discount on the product page?

Shopify applies automatic discounts at checkout but shows nothing on the product page, which is where the customer decides how many to buy. One Stop Volume Discounts fills that gap. Set Deal type to “Product page widget” and the tiers appear on the product page with their labels and savings, while the discount still applies automatically at checkout with no code to enter. On an Online Store 2.0 theme you place the widget as an app block in the theme editor, or enable the app embed to add it to every product page.

Steps

1. Create or open a deal and set Deal type to “Product page widget” in General.
2. Add your quantity breaks in Price tiers, and give each one an Offer title and a Discount title. This is the text customers read.
3. In Discount, leave Method on “Automatic discount” so no code is needed, and write the Title customers will see in the cart and at checkout.
4. Save and activate the deal.
5. In your Shopify admin, open Online Store, then Themes, then Customize.
6. Add the app block to the product template where you want the widget, or enable the app embed in theme settings to show it on every product page.
7. Use Preview store on the deal to check the result on a real product page.