The brief started as a commercial observation: competitors were successfully selling products in multi-packs, and the brand wanted to test whether the same approach could work for them. The question they asked us was simple - can we do this?

Third-party apps were never seriously considered. The brand prioritizes page speed, and their inventory operation had specific requirements that off-the-shelf solutions couldn't meet. A custom build was the only viable path.

The harder question was how. Multi-packs that pull from existing inventory (rather than creating separate bundle SKUs) don't fit cleanly into Shopify's standard variant model. The packs also weren't uniform.

A 3-pack of shorts might be all black. A 5-pack might include four colors with one repeated. Each configuration had its own composition rules and every pack needed to feel completely native: visible as a product on the PDP, correct in the cart and at checkout, with instant size switching and no page reload. Shopify natively supports up to three product options. This required a fourth.

The architecture is built around Shopify Cart Transform Functions. Rather than creating separate inventory-managed pack products, a metafield references the underlying base product. When a customer adds a pack to the cart, the function generates the correct bundle composition dynamically, using variants from that base product.

For a 3-pack in a specific color combination, the Cart Transform Function creates the three component variants, applies the pack pricing and discount logic, and passes the whole thing through as a single, coherent purchase. Inventory is deducted from the real, underlying variants, not from a virtual bundle SKU. If any required variant is out of stock, the entire pack becomes unavailable.

We also built a  custom variant-selection layer to allow pack options to behave as a native fourth product option, with dynamic switching, real-time availability validation, and no page reloads throughout.