Add Product Siblings, to Pipeline Theme

Shopify Discussion
1

Hello,

I have a e-commerce shop for mans fashion.

There are some products like a basic sweater which is available in different colours.

I would like the product to only show the pictures of the selected color.

E.g. when black is selected to only show the sweater in the black color, if a customer chooses the red color, the product pictures should switch to these where only the red one is visible.

https://privatifirenze.com/collections/essentials/products/copy-of-classic-merino-crewneck-sweater

Store ID: https://privatifirenze.com

Password: 123

@BSS-Commerce Can you help me? :slightly_smiling_face:

2

Hi,
It is possible using some liquid tricks and using image alt tag. You have to add color name in image alt tag in backend and show images of selected color by matching with image alt tag in liquid and on variant change using some javascript.

Also, you can use some third party app to do the same

Thanks!

3

Hi @Apo94

Please go to Online store > Themes > Edit code, and find the media.liquid file in the snippets folder. Then add the variant Id to the image tag and use this variant id to make the images without the selected variantId disappear.

I hope that this can help you solve the issue.

4

Hello @BSS-Commerce , I kind of understood what you mean but I don’t know how to implement it properly.