Articles on: Regios Discounts

Volume Pricing Table

Volume pricing table screenshot


In order to stimulate sales, you can add our "Volume Pricing Table" app block to your product page.


The contents in the table are automatically set based on discounts you created in our app's admin dashboard.


If a product is eligible for a volume discount, the table will be displayed.


The Volume Pricing Table is part of the Storefront Widgets add-on, which you can turn on from the Billing page in the app. Stores that installed our app before November 2, 2026 (2 PM Pacific) keep it for free.


This feature is currently only supported on product pages.


This feature ONLY supports the "Volume/tiered/quantity breaks" discount type. It does not detect "Minimum/maximum purchase requirements" conditions.



Click the thumbnail above to watch a video demonstration of the volume pricing table setup.


Checklist

  1. Create at least 1 automatic product discount that has a volume discount. This article explains the discount value options in our app.
  2. Follow the Discounts on Product Pages tutorial to add the Discounts Embed and Product Page Discount app block to your theme.
  3. Add the "Volume Pricing Table" app block to your product page. It doesn't matter where you put it on the page - it will always appear just below the discounted prices and discount description. If you use Automatic DOPP Setup, the theme ZIP adds the block to your product pages for you, right after the price.
  4. Follow the rest of the instructions in this article to customize how it looks and behaves.
  5. OPTIONAL - We recommend turning on the "Calculate discount based on quantity" setting in the "Discounts Embed," so that your customers will see in real-time what volume discounts they'll get when they increase the quantity input.


Customization options

By using the app block's settings in the Theme Editor, you can edit the appearance of the table in the following ways:

  • Changing the text of the table headers and "Add to cart" button
  • Editing the foreground/background color of the table headers and cells
  • Use the "Custom CSS" setting to add custom CSS properties to gain greater control over the table's appearance.
  • Use the "Allow block to be moved" setting if you want complete control over where the volume pricing table appears on product pages.
  • Use the "Discount Cell Content" setting to change what the Discount column shows. It defaults to [discount_percentage] off. To show the price per item instead, enter [unit_price] each. See Discount Description Templates for the other placeholders.


The block's "Custom CSS" settings take CSS properties only, for example font-size: 14px;. For anything else, like rules for mobile only, add CSS to your theme instead (in most themes: Theme settings, then "Custom CSS"). The table has the class .regios-dopp-generic-volume-pricing-table. Start each selector with body so it wins over the block's own styles.


Custom columns

You can add up to 3 columns after Quantity and Discount. In the app, go to Discount on Product Page, find Volume Pricing Table under Storefront widgets, and click Customize columns.


Pick what each column shows: Price each, Total price, Savings per item or Total savings. Choose Custom to write your own text using discount template variables, such as [discount_message] for tier names. Custom columns are plain text, so HTML shows as typed.


If your store has more than one language, you can add a translation for each column.


Click Preview in theme editor to see the columns on a real product. Custom columns work wherever you have the Volume Pricing Table.


Hide or remove the table

  • Remove it everywhere: in the Theme Editor, open your product page template, click the "Volume Pricing Table" block and remove it (or click the eye icon to hide it). Then save. This also works if the theme ZIP from Automatic DOPP Setup added the block. It doesn't change your discounts.
  • Remove it from some products only: create a second product template without the block in the Theme Editor, then assign that template to those products in the Shopify admin.
  • Hide it on mobile: add this to your theme's custom CSS:


@media (max-width: 749px) { body .regios-dopp-generic-volume-pricing-table { display: none; } }


Compatibility

This feature requires Online Store 2.0. It will not work with legacy 1.0 themes.


Have any feedback for us?

We want to hear about your experience with our app! Leave a review on the Shopify App Store.

Updated on: 05/11/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!