color swatch and product-thumbnail

Solved
Highlighted
Tourist
11 0 3

This is my store link:https://travelfox.us/collections/womens/products/travel-fox-womens-fanny-nappa-leather-round-toe-lac...

My question is , Is it possible to click one of color and product-thumbnail on the right side show the same color product image?

for example: when I click mint color, and the product-thumbnail only show up mint color shoes, so the others do.

1.png

0 Likes
Highlighted
Shopify Expert
3454 541 813

Hi @Joan-Chang 

This feature cant provide by shopify theme, so you have to do by custom code or my be need to hire developer.

If you like then let me know or OM

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Shopify Expert
7 1 1

Hope you are trying to achieve something like.

 

https://group-variant-images.myshopify.com/collections/frontpage/products/anson-chair?variant=971529...

 

Kindly send your store login details to the support mail ram@iamdesigning.com with the subject of "Color Swatch From - Shopify Community  ". We will help.

 

 

1 Like
Highlighted

This is an accepted solution.

Hello ,

Add this css in file
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.product-single__thumbnail-item.product-single__thumbnail-item-product-template.slick-slide.is-active {
display: block!important;
}
.product-single__thumbnail-item.product-single__thumbnail-item-product-template.slick-slide {
display: none;
}

 

Note: This will work for single image varient product

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Shopify Expert
3454 541 813

@oscprofessional  You think this  css solve this issue? can you find your give class in product page?

If so then its just temporary solution. may be need to deal with selectCallback function also on variants change 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted

@Jasoliya , this forum is for helping and providing free solutions rather than giving a paid  solution to anyone. 

 

If my solution is wrong then you provide correct solution in free rather than charging them. 

 

And this is forum not freelancing site, if the person who have posted the question feels the answer is wrong them let him comment on my solution rather than you doing it. 

 

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
3454 541 813

You are right, its not freelancing site, but its community responsibility to show correct way(no matter its paid or not that's depend on user) to any user. here your solution is not working  at any points because your give class cant find on page  then whats meaning of your code. 

I am just telling you not pointing you. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
11 0 3

Thanks for your advice!

I just want to know whether it can modify.

Now, I got it.

Thanks for your replies.

0 Likes
Highlighted
Shopify Partner
1275 168 395

@oscprofessional this is true, but @Jasoliya gives out plenty of free help on the forums. He's one of the most helpful people here,  as are you. I don't think it's unfair for he, you, or anybody to ask for compensation on edits that are more advanced. 

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes