Multiple images variant in Shopify

Store Design
, ,

Topic summary

A user is attempting to implement multiple images per product variant on their Shopify store (Dawn 15.3.0 theme) but encountered issues after following a tutorial and editing metafields. The variant images fail to display when selected.

Proposed Solution:

  • Use a naming convention or alt text system to link multiple images to specific variants (e.g., “red-shirt-1”, “red-shirt-2”)
  • Implement JavaScript code that detects variant changes and shows/hides matching images based on filename or alt text
  • Alternative: Use apps like “Variant Image Automator” to avoid manual coding

Current Status:
The issue remains unresolved. The user provided a preview link and specific product name (Dogpack) for troubleshooting assistance.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi all,

I followed this instruction (https://shopifytheme.blog/multiple-variant-images-in-shopify/) in order to make my variants display their selected images only on my product page. However, after creating new metafields and editing the codes, variant images didn’t appear when selected. Can someone help me to troubleshoot this?

I’m on Dawn 15.3.0

Link: https://0h7rnawa3ilg7msd-58952089718.shopifypreview.com
Product Name: Dogpack

Thank you!!

2

shopify only lets you assign one image per variant by default but you can totally make it work with a little extra code

what you do is assign multiple product images with the same alt text or use a naming system that links them to the variant like all the red variant images have “red” in the alt or filename

then in your theme you write a lil JavaScript that listens for the variant change and shows only the images that match that variant and hides the others

you can also use app liek Variant Image Automator if you don’t wanna code it out but if you want to do it yourself it’s something like this

first give your images a naming pattern like
red-shirt-1
red-shirt-2
blue-shirt-1
blue-shirt-2

then in your code
when the variant changes
you loop through the images and check if the filename or alt matches the variant name and then show/hide accordingly