Let shoppers pick the tier that suits them.
Quantity Breaks adds a block under the price on your product page with tiers such as 2 items for 10% off. A shopper picks a tier in one tap, and the discount applies by itself at checkout, with no code to type.
Billed through your Shopify subscription, apart from your App suite plan. How mini app billing works.
How it works
- Pick a template and the products it covers.
- Set the tiers and the discount each one earns.
- Add the block under the price on your product page and publish.
An Online Store 2.0 theme with a product template. Works on every Shopify plan.
What shoppers see
- The tiers right under the price, as cards or a compact row.
- The price for each tier, worked out by the same math that charges it at checkout.
- A label, an extra line and a badge on the tiers you choose to highlight.
What you control
- Up to 6 tiers per offer, each with its own label, extra line and badge.
- Percent off, an amount off each item, or a price each.
- Cards or a compact row, in your theme's colors or your own.
- Which products or collections it covers, whether sale items are skipped, and a start and end date.
Light on your storefront
Every tier is printed complete with the page, so the block has its final height before the script runs and nothing moves. Every file has a size budget that our build checks before each release, and a page without the app on it does not load these files.
| File | What it does | Budget |
|---|---|---|
| ml-qty-breaks.js | The tiers and the logic that sets the quantity | 3,150 B |
| ml-qty-breaks.css | Its styles | 700 B |
| ml-core.js | Shared helpers (announcements, reduced motion) | 910 B |
| ml-core.css | Shared design tokens | 400 B |
At most 5.2 KB in total.
Built for every shopper
- The tiers are real radio inputs, so a shopper can reach and choose one from the keyboard.
- Forced-colors mode is supported.
Questions about Quantity Breaks
- Do shoppers need a code?
- No. The discount applies automatically at checkout from the quantity in the cart.
- Can two offers cover the same product?
- No. Publishing is blocked when a product is already in another live offer, and the message names it.
- Does it work if my store sells in more than one currency?
- Percent off does. Amounts and set prices are in your store currency, so they are turned off in that case.
- Where do I add it?
- As a block under the price on your product template in the theme editor. It needs an Online Store 2.0 theme.
- How is it billed?
- Each mini app is billed on its own, through your Shopify subscription, and apart from your App suite plan. Nothing is charged outside Shopify.
Works well with
Bundle Builder
Build-your-own-bundle pages and sections.
Sticky Add to Cart
An add to cart button that stays in view on product pages.