color swatch and product-thumbnail

Solved
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
Shopify Expert
2123 354 445

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
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

Success.

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
Shopify Expert
2123 354 445

@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

@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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
Shopify Expert
2123 354 445

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
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
Astronaut
1003 129 235

@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 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