Native single-image swap
Variant image assigned in variant edit. Product page main image swaps on variant selection. Works in all Shopify 2.0 themes.
Multi-image per variant (metafield)
Store list of images per variant as metafield. Theme code filters gallery to show only selected variant's images.
Setup
- Upload all product images to Product Media
- Assign one per variant (native swap)
- Or add metafield 'Variant images' with list of image URLs
Performance
Lazy-load images below-fold. Preload first variant's images on page load. Modern apps handle automatically.
Frequently asked questions
How to show variant images in product gallery?
Assign variant image in variant edit. Gallery swaps on selection natively.
Can each variant have multiple gallery images?
Not natively — one per variant. Use metafield with list of image URLs + theme code to filter.
How to auto-swap gallery on variant selection?
Dawn theme + variant image assignment = automatic. Custom themes may need code.
Does gallery swap affect page speed?
Preload first variant, lazy-load others. Minimal impact.
How to bulk assign variant images?
CSV Image Src column + Variant Image Src per row. Or Shopify Admin API for automation.
Should gallery zoom work on variant images?
Yes. Zoom applies to whichever image is currently displayed.
Mobile gallery UX for variants?
Swipeable gallery with dots. Swap works on variant tap. Smooth transitions.
Best app for advanced variant gallery?
Print It My Way for personalization + gallery integration. Or theme code.
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