Product Pack Selector

The row of pack cards on a product page — 1 Pack, 3 Pack, 6 Pack. Each card shows the pack name, what a single caplet works out to, and a Save X% badge when that pack is better value than the smallest one.

Selecting a card switches the product to that variant: the price, the subscription options and the Add to Cart button all follow.

Add it inside Product Main, above the frequency selector.

Settings

Setting	What it does
Label	The small heading above the cards. Defaults to “Choose Quantity”.
Per-unit noun	The word after the per-unit price, e.g. “caplet” in “$.45/caplet”. A product’s own caplet_override metafield wins over this if set.
Block ID	Optional anchor, so a link elsewhere can jump to this block.

When it appears

The block only renders for products with exactly one option and more than one variant — which is how the pack-size products are set up. On a product with multiple options (size and flavour, say), it renders nothing; use Product Variant Options there instead.

Note

The cards are built from the product’s variants in the order they appear in Shopify admin. The first variant is treated as the baseline for the savings maths, so keep the smallest pack first.

Where the numbers come from

Neither the per-unit price nor the savings percentage is typed in by hand — both are calculated.

• Per-unit price = variant price ÷ the variant’s migrelief.total_quantity metafield (the number of caplets in that pack).
• Savings % = how much cheaper that per-unit price is than the first variant’s.

Caution

A variant with no total_quantity metafield still renders as a card, but with no per-unit price and no savings badge. If a pack card looks bare, that metafield is the first thing to check.