Bundle Builder

A build-your-own bundle page in Shopify Liquid and vanilla JavaScript. Customers pick three products, see discounted pricing update instantly, and choose a one-time purchase or a subscription before adding the bundle to the cart.

• Built in Shopify Liquid and vanilla JavaScript, with no framework
• Pick three products from a grid and watch the bundle update in real time
• Prices, images and selling plan IDs are rendered by Liquid, so building a bundle makes no network requests
• One lightweight state object, updating only the DOM elements that change
• 10% off as a one-time purchase, or 15% off as a subscription delivered every 30, 60, 90 or 120 days
• The whole bundle goes to the cart in a single request, grouped by a shared bundle ID