When It Appears
Customer clicks a product that has variants
Inline variant selection is disabled in MOD Bundles Customization
Products without variants (single variant only) are added directly — no modal
Modal Contents
Product images — Swipeable gallery with navigation arrows
Title and price — Including compare-at price if applicable
Variant selectors — Color swatches, size buttons, or dropdowns based on option type
Quantity selector — +/- buttons to add multiples of the same variant
Add to Pack button — Confirms the selection
Product description — Optional, scrollable (configurable max height)
Customizing
Style in MOD Bundles → Customization → Pack Builder → Product Popup:
Overlay — Color and opacity (background behind modal)
Modal — Background color, border color, border radius, padding
Text — Product name, price, compare-at price, label colors
Description — Show/hide, max height, font size, text color
Close button — Icon color, hover background
Images — Fit (cover or contain), aspect ratio (1:1 square or 4:5 portrait)
Layout — Center align on desktop
Troubleshooting
Modal won't close — Click outside the overlay, click X, press Escape, or refresh the page
Modal appears unexpectedly — Normal when inline selection is OFF; enable inline variant selection to reduce modals