# Show Volume breaks on Product page

{% embed url="<https://dollarlabs.neetorecord.com/watch/27dda2aefdb2def4d3ec>" %}
How to set up a price list with tiers and install the app block on your product template
{% endembed %}

***

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

### ✅ Prerequisite: Configure Volume Breaks in Price List

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

1. Go to the **Dollarlabs: Ultimate Discounts** App from your Shopify admin.
2. Navigate to the **Price List** section.
3. 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
4. Click **Save**.

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

<figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2F5HybTV4yqaKLpvk4A8oh%2Fimage.png?alt=media&#x26;token=b651776e-ff5b-4148-863e-c18c401854f6" alt=""><figcaption></figcaption></figure>

***

### 🛠️ Add the Volume Break App Block to Your Product Page

1. Go to **Online Store** > **Themes**.
2. It’s best to test changes on a **duplicate theme**. If you haven’t created one, duplicate your live theme first.
3. Click **Customize** on the theme you want to edit.
4. At the top, switch from “Home Page” to **Products**, and select the **Default Product** template (or any specific product template).
5. 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.
6. 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
7. Click **Save**.

***

### 👀 Preview the Result

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

***

### 🎉 You're Done!

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 <hi@dollarlabs.io> — we’re happy to help.