Storefront pricing table

The Tier pricing table app block shows shoppers the available quantity breaks on a product page.

Add the app block

1. Open the rule in Discounts and use its theme-editor setup link, or go to Online Store → Themes → Customize.
2. Open the product template that should show tier pricing.
3. In the product details section, select Add block → Apps → Tier pricing table.
4. Place the block near the price or quantity selector.
5. Save the theme.

The block renders only when the current product matches a saved rule, so it is safe to add to a shared product template.

Shopper experience

The table can show:

• A “Buy more, save more” heading.
• Minimum quantities such as 15+ or ranges such as 15 – 29.
• Unit prices and savings for each tier.
• An active row and live “your price” feedback as quantity changes.
• Updated prices when the selected variant changes.

For rules that combine all matching products, the product page is labeled as an estimate because it cannot see the shopper's full cart. Checkout uses the combined cart quantity.

Appearance settings

You can control table colors, borders, striped rows, active-row color, corner radius, and border width. Leave color settings blank when you want the block to inherit the theme's own colors.

The optional theme-price integration can update the theme's main price as quantity changes. If your theme uses a custom price element, update the selector in the block settings.

If a rule does not appear

Open any existing quantity-tier rule and choose Repair storefront pricing. This rebuilds the storefront rule index without changing checkout discounts. See Troubleshooting for more checks.