Replo Bundle Buy Box — Volume Pricing UI Without a Bundle App

Project: Reliant Peppermint Oil Bug Spray — Product Page Bundle Section Platform: Shopify + Replo Goal: Increase average order value with a volume discount buy box The challenge Most Shopify brands add a bundle app to power quantity pricing. These apps cost $15–$35/month, can slow down page load, and often clash with the existing theme or Replo setup. My approach I built the full bundle buy box natively inside Replo — no additional app, no extra cost. Key components delivered: → 4-tier quantity selector with hover + active state styling → Per-unit price display with real-time updates → Discount percentage badges per tier (20%, 30%, 45% OFF) → "Best Value" badge logic on the top bundle option → Interactive slider showing tier progression visually → Crossed-out original pricing to anchor the discount perception → Trust badge row with iconography → Mobile-first, responsive layout The result is a polished, conversion-focused buy box that feels native to the store — built entirely within Replo's editor, saving the client recurring app costs. Skills demonstrated: Replo, Shopify, CRO design, component architecture, conditional rendering, AOV optimization.