Shopify Tutorial: Associating Product Variants with Product Images

by Joey deVilla on February 2, 2012

shop screencap

In Shopify shops, a product can have multiple photos and multiple variants (variants are slightly different versions of a product, such as different sizes and colors). Tetsuro Takara, one of the guys on Shopify’s Guru team, has written an article showing how you can rig up your shop’s template to show a matching photo for the currently-selected variant (for example, showing a picture of the orange version of the t-shirt when the customer has selected “orange”). It’s a clever, subtle trick, but I think it’s one that your customers will like.

This article also appears in the Shopify Technology Blog.

{ 1 comment… read it below or add one }

1 Katie October 2, 2012 at 6:25 pm

What if you have multiple things changing per product, for example

bag color = red, white, brown

bag strap color = brown, white

can you get the image to link to each combination of variants that are available?

Leave a Comment

Previous post:

Next post: