5 patterns
- Dropdown — 10+ text values (shoe sizes)
- Button group — 2-6 values (S/M/L/XL)
- Color swatches — visual color options
- Image tiles — pattern/print variants
- Radio buttons — mutually exclusive, all visible
Decision by option count
- 2-6 values: buttons or swatches
- 7-15 values: dropdown or filterable list
- 15+: searchable dropdown
Decision by option type
- Size: buttons
- Color: swatches
- Pattern/Print: image tiles
- Material: dropdown or radio
Mobile considerations
44×44 px tap targets minimum. Buttons/swatches easier to tap than dropdown.
Frequently asked questions
Best UI for size selection on Shopify?
Buttons for 2-6 sizes (S/M/L/XL). Dropdown for 10+ (shoe sizes).
Best UI for color selection?
Color swatches (visual). Or image swatches showing product in that color.
Best UI for material selection?
Dropdown or radio buttons. Text-heavy option — visual UI less useful.
When to use image tiles as variant selector?
Pattern products, print designs, complex textures. Solid color chips can't convey the difference.
Radio button vs button group vs dropdown?
Radio: mutual exclusive, all visible. Button group: same but styled as buttons. Dropdown: hidden until click.
How many variants before dropdown?
10+ text values. Below that, visual UI (swatches, buttons) converts better.
Mobile-optimized variant selector?
Buttons + swatches with 44×44 px tap targets. Full-width on mobile.
Custom variant selector app?
Native Dawn theme covers most needs. Custom apps for advanced UX (searchable, filterable, hover previews).
Related reading
Try it free on Shopify
Print It My Way's permanent Free plan includes live preview, custom options, and Cart Transform pricing.
Install Print It My Way