Show Volume breaks on Product page

Follow this guide to display volume-based discounts (volume breaks) on your Shopify product page using the Dollarlabs: Ultimate Discounts app.

Before you add the app block to your theme, make sure you’ve configured your volume break pricing.

Go to the Dollarlabs: Ultimate Discounts App from your Shopify admin.
Navigate to the Price List section.
Create or edit a price list and define your volume tiers. For example:
- Buy 5+ → 10% off
- Buy 20+ → 20% off
- Buy 50+ → 25% off
- Buy 100+ → 30% off
Click Save.

💡 This step must be completed before you move on to customizing your theme.

Go to Online Store > Themes.
It’s best to test changes on a duplicate theme. If you haven’t created one, duplicate your live theme first.
Click Customize on the theme you want to edit.
At the top, switch from “Home Page” to Products, and select the Default Product template (or any specific product template).
In the product template editor:
- Scroll to where you want the app block (e.g., near the Buy button).
- Click the “+ Add block” button.
- Select “Volume Tiers” app block from the list.
Configure the block settings:
- Quantity Label – Label above quantity column
- Price Label – Label above price column
- Discount Label – Label above discount column
- Price Suffix – (Optional) Add something like /ea to indicate per-unit pricing
- Hide Price Without Login – Toggle if you want this behaviour
- Show Discount – Toggle to show or hide discount values
Click Save.

Open a product page that uses the template you modified.
If you added the block to a duplicate theme, make sure to click Preview.
You should now see a table showing:
- Quantity breakpoints
- Price at each breakpoint
- Discount amount (if enabled)

That’s it! You’ve successfully added the Volume Break app block to your store.

If you run into any issues or have questions, don’t hesitate to reach out at [email protected] — we’re happy to help.

Last updated 2 months ago