Show only thumbnails related to the selected color variant

Show only thumbnails related to the selected color variant

Serafeim
Tourist
10 0 1

Screenshot (55).png

 

The issue here is the following. I want when I click the black variant thumbnails show only the related images of selected color variant

Replies 7 (7)

Olivia
Shopify Staff
1725 146 310

Hi, @Serafeim.

 

Thanks for your question.

 

We have a tutorial that would allow you to select variants by clicking their images which will allow you to build this communication between the variant and it's corresponding image. 

 

This solution is built for specific Shopify themes, particularly BoundlessExpress, Narrative or Brooklyn. If you are using a theme other than these, then this solution is not guaranteed to work. 

 

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Serafeim
Tourist
10 0 1

Hello Olivia thank you for your time. 

This code doesnt work on my Theme.  My main product image change when i click one option but i want the thumbnails show only the images of my option select Screenshot (56).png

Olivia
Shopify Staff
1725 146 310

Thank you so much for your quick reply, @Serafeim.

 

I appreciate that context. You haven't specified which theme you are using - can you please clarify that so I can better guide you?

 

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Serafeim
Tourist
10 0 1

@OliviaI use Manor theme.

Olivia
Shopify Staff
1725 146 310

Thank you for your reply, @Serafeim.

 

Since this is a third-party theme, we are unable to provide any compatible code advice. With that being said, you can work with a Shopify Expert to implement this functionality into your store. 

 

Alternatively, I invite our community members and code experts to provide their advice in this thread.

 

Warm regards,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

babystore123
Excursionist
54 1 3

Hi Olivia,

 

I am having the same issue. I am using the Focal Theme. Do you have code that I can use?

Olivia
Shopify Staff
1725 146 310

Thank you for reaching out, @babystore123!

 

Focal is one of the paid themes from our Theme Store, so I don't have any compatible code advice to offer as that falls outside of the scope of our support.

 

With that being said, this is usually a pre-built option within premium themes. When viewing the demo for the Focal theme, I'm able to select different variants through their corresponding images which is what this thread discusses.

 

Have you assigned images to the variants in the backend, where you actually set-up the products? If you can provide some examples of how you have it set-up in comparison to how it appears on the front-end I may be better able to advise. 

 

I look forward to your reply,

Olivia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog