How It Works
Each product in the bundle shows a variant selector
Customer picks their preferred variant (size, color, etc.)
All variants must be selected before the bundle can be added to cart
Single-variant products are auto-selected — no action needed
Multiple Option Types
If a product has multiple options (e.g., Size AND Color), the customer must select each one.
Example: T-Shirt with Size (S, M, L) and Color (Red, Blue, Black) — customer picks both.
Out of Stock Variants
Sold-out variants show as unavailable/grayed out
Customer can still select other available variants
If a product is completely sold out, the bundle won't be available
Variant Images
If your products have variant-specific images, selecting a variant updates the displayed image.
Pre-Selected Variants
By default, no variant is pre-selected. Customers must actively choose. This prevents wrong-size orders and reduces returns.
Display Options
Dropdown vs. Buttons/Swatches
By default, variants show as buttons and color swatches. Enable Use Dropdown Variant Selectors in theme block settings to use dropdowns instead.
Use dropdowns when: Products have many variants that would overflow as buttons.
Component Pricing
Show per-product pricing alongside each item. Configure in MOD Bundles → Customization → Component Price:
Show discounted price
Show original price (crossed out)
Show compare-at prices
Troubleshooting
Variants not showing — Check product has variants, they're not hidden, and have inventory
Variant selector looks wrong — Check for theme CSS conflicts, try default settings
Too many variants — Consider 3-5 options per product, or split into separate products