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

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)

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

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

Variant Selection

Floating Bar

Theme Settings Reference