Streaming live at 10am (PST)

How can I change the main product image on click?

So I’m building out a product page, and I have the main display image which is being pulled form the ‘Main image’ field in the CMS, then below it I have thumbails of alternate images, which is a collection list being pulled from the “Alternate images” field in the CMS.

My question is, how can I change the main image to one of the alternate images once clicked? Just like any other product page.

Here is my public share link:

I’m thinking a slider would be easiest for this task.image
Set the mask to 600x600px image
I (me) would set to auto-play with a nice slowish cross fade.

1 Like