How do I Connect different variants to different images?

jeffersonn14
New Member
1 0 0

Hi, 

I have 4 variants of bracelets on my product page.

Each one of them is connected to a different image. (If you select a variant, the connected image displays).

Right now, the 4 color variants are displayed next to each other, like this:

Screenshot 2020-08-08 at 22.45.51.png

But what I want is for each variant that is selected, 4 different images show up, like this:

Screenshot 2020-08-08 at 22.49.02.png

Does anyone know how to do this? 

P.S.

I noticed each different picture also has a different URL, maybe this has something to do with the solution?

0 Likes

Hello,

1. In your Admin go to Products > All Products and choose the product you want to edit. I'll edit "Blue Silk Texudo" in this example.

dantepw_0-1596957241546.png


2. Scroll down until you see all the variants. Click on the image and add the variant's image.

dantepw_1-1596957276586.png



Let me know whether it works.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes