Volume pricing
ProProductBest as a block in Product informationv1.0.0
Make volume pricing visible. The section reads the quantity price breaks of the buyer's Shopify B2B catalog and lays them out as tiers: quantity range, price each and the saving. As the buyer picks a variant or changes the quantity in your product form, the current tier lights up, the total and saving update, and a progress bar shows how many more units unlock the next price. It never creates discounts of its own: prices are exactly what Shopify charges at checkout.
Good for: Wholesale and B2B product pages · Encouraging larger orders · Showing catalog pricing clearly
When to use it
Use it on product pages if you sell wholesale through Shopify B2B, right beside the price and Add to cart, so business buyers see what they pay at each quantity.
- Each buyer’s own prices. The tiers come from the quantity price breaks in the buyer’s B2B catalog, so every company sees its own prices. The section never creates discounts: prices match what Shopify charges at checkout.
- A reason to order more. As the buyer changes the quantity, the current tier lights up, the total and saving update, and a line such as Add 23 more to pay $9.00 each shows how close the next price is.
- Invisible to everyone else. Shoppers without volume prices don’t see the section at all, so you can add it to the product template you share with retail customers.
Set it up
Set up volume prices in Shopify
Volume prices come from Shopify B2B. In Shopify admin, open the catalog assigned to your company locations and add volume pricing (quantity price breaks) to the products you want. Only signed-in customers of a company with that catalog see the tiers.
If the catalog also sets quantity rules, the first tier starts at the minimum quantity, and quantities step by the increment.
Add it to your product page
It’s Best as a block in Product information: on themes with theme blocks, select Product information, choose Add block and pick SU: Volume pricing, then drag it under the price. See Sections beside Add to cart.
On other themes, choose Add section and pick SU: Volume pricing, then place it under the product information.
Pick a product, if needed
On a product page, leave Product empty: the section uses the page’s product and follows your product form. When the buyer picks another variant or changes the quantity there, the tiers update.
Anywhere else, such as on your home page, pick a Product. The section then has its own option picker, quantity and Add to cart button, unless you turn off Show add to cart button. Adding to the cart opens the cart.
Choose what shows
Under Pricing, turn Show savings on or off for the Save 10% labels on each tier, and Show total and next tier for the total, the amount saved and the hint about the next tier.
Business customer label shows above the tiers to signed-in B2B customers, for example Your business pricing. Clear it to hide the label.
Preview it in the theme editor
You probably don’t have volume prices yourself, so Preview with sample tiers in the theme editor shows sample tiers at 10% and 20% off the product’s price, marked as samples. Buyers never see them. Turn the setting off to see a note instead.
To check the real tiers, sign in to your online store as a customer of a company whose catalog has volume prices, and open the product page.
Try it
Settings
In the theme editor, in the order you'll see them. Every section also has the heading and style settings.
Pricing
| Setting | What it does |
|---|---|
| ProductProduct | Leave empty on product pages to use the page's product. |
| Show add to cart buttonCheckbox | Off the product page it has its own option picker, quantity and button. With several Section Universe blocks for one product in a section, one button shows: the last one switched on. On the product page it follows your product form. |
| Show savingsCheckbox | |
| Show total and next tierCheckbox | |
| Business customer labelText | Shown to signed-in B2B customers. Leave empty to hide. |
| Preview with sample tiers in the theme editorCheckbox | When the product has no volume prices for you, the editor shows tiers made from its prices (10% and 20% off). Never shown to buyers. |
| LookDropdown |
Good to know
- Volume prices exist only for buyers in a B2B catalog with quantity price breaks; for other buyers the section shows nothing on the storefront.
- On the product page it follows your product form (the theme's option picker and quantity). Anywhere else, such as a featured product section, it has its own option picker, quantity and Add to cart.
- Without JavaScript the tiers for the selected variant still show; following the product form's quantity needs JavaScript.
Changelog
- 1.0.0: Initial release.