Change product images on multiple variants

Shopify Discussion

Topic summary

A user wants to enable image changes when customers click on size variants, similar to how it currently works for color variants. They have 3 different sizes, each with 3 distinct images that should display according to the selected size.

Solution provided:

  • Navigate to Products in Shopify admin
  • Select the product and scroll to the Variants section
  • Click the image icon next to each size variant
  • Assign corresponding images by either:
    • Uploading a new unique image for that specific variant
    • Selecting an existing image from the media library
  • Repeat this process for each size variant

This approach allows different images to display based on the size selection, matching the existing color variant functionality.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

I want 3 different images when I click on size variants right now it’s working on color variants but I also want same thing on size variants. ex. I have 3 different size and each size have 3 different images I want when user click on size variant change images according to that size.

2

Hi @vishwa312 ,
This is Theodore from PageFly - Shopify Page Builder App.

  1. In your Shopify admin, go to Products.
  2. Select the product you want to edit.
  3. Scroll down to the Variants section.
  4. Click the image icon next to the desired size variant.
  5. In the popup window, you’ll see options to:
    • Add Image: Upload a unique image specifically for this size variant.
    • Select Existing Image: Choose an image you’ve already uploaded from your library.

Repeat steps 4 and 5 for each size variant, assigning the corresponding images you want to display.

Best regards,
Theodore | PageFly