Hide additional product images when one colour option is selected on Product page

tomgarrad1
New Member
9 0 0

Hi,

I'm trying to display only the images of the colour variant I have selected on the product page. They're currently being pulled in by their Img Alt text, which is in the product list CSV.
I would to hide the thumbnails of the other colours when they're not selected, and switch to them when they are, including replacing the larger featured image.

Any help would be greatly appreciated. Thank you.

product-template.liquid https://pastebin.com/AyaDpNG4

theme.js https://pastebin.com/KBniw7J8

blue-selected.PNGred-selected.PNG

Link to Product page

https://4158qu33fstl4w69-53119090861.shopifypreview.com/products/lightweight-trainers

Link to CSV

https://docs.google.com/spreadsheets/d/1lc8XcHDMyMFGAkegTRrBLLTlQN8oNVbU430vT0aeP4Y/edit?usp=sharing

0 Likes