Main product picture replaces variant picture and is duplicated

Shopify Discussion
1

So i want the first picture that shows up as big picture to be the one with the green bar and text. So far i got it to work, it is now the first picture when i refresh the page. However, it seems to replace one of the variant’s pictures. If i click on every variant it shows the correct picture, only at the bottom with the small pictures it shows it incorrecly. The main picture is duplicated and the purple one is gone. I also can’t click on the duplicated main picture. Any fix would be greatly appreciated! store link is: https://cutypetstore.com/ no password

sdsd.png
sdsd.png1234×839 183 KB

2

Hi @LittaFlame ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file section-main-product.css

Step 3: Paste the below code at the bottom of the file → Save

#Slide-Thumbnails-template--19659914608965__main-0{display:none}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

3

Unfortunately it didn’t work