Bundle builder

A build-your-own-bundle section. Shoppers pick products from a chosen collection up to a defined pack size; the section tracks progress toward the minimum and surfaces the savings as the bundle fills.

What it does

Shows products from a collection in a grid and lets the shopper add them to a bundle bounded by minimum and maximum item counts. Progress and savings messaging update as items are added, and added items are tagged with a line-item property so the bundle is identifiable in the cart and order.

Section settings

• Heading with Heading display size (none/sm/md/lg/xl).
• Collection — the source of bundle-eligible products.
• Products to show — how many to display.
• Min items / Max items — the bundle's required and maximum size.
• Columns (desktop) and Columns (mobile) — 1 or 2 on mobile.
• Progress text — message shown as the bundle fills toward the minimum.
• Savings text — message surfacing the bundle discount.
• CTA label — the add-to-cart action label.
• Pack property key / value — the line-item property written onto bundled items.
• Padding top / bottom — 0–160px.
• Color scheme — Section-level scheme.

Example use cases

• A "build a 3-pack" or "pick any 5" offer from a collection.
• A mix-and-match bundle with a volume discount.
• A starter set or curated kit assembled by the shopper.