Modular Theme : How can I remove product variants thumbnails while still offering the variants?

Solved
annemaud
New Member
22 0 0

Hey everyone,

How can I remove product variants thumbnails while still offering the variants?

I have tried several codes without any luck

 

Anne

0 Likes

Hello,
you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Please Share your store live url & screenshot where you want to do modification, so that I will solve your issue here!

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
annemaud
New Member
22 0 0

Thank you so much for your answer!

 

https://walinsta.com/ 

 

Password is : anneanne

 

I would love to hide all the variants pictures related to a product (I want to still be able to display mockups photos though in the future), and still have the variants pictures showing in the main preview when variant is selected. Let me know if this makes sense

 

Ane

0 Likes
annemaud
New Member
22 0 0

Screenshot (88).pngScreenshot (89).png

0 Likes

Hi,

If the photos are same for every variants then remove all photos from products section in admin panel. only keep one!

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
annemaud
New Member
22 0 0

It won't actually work this way because some of my designs comes with or without frames. And I want to enable the preview when frame is selected. (ex: customer is selecting Black Wooden Frame, and the image changed to the mockup with the black wooden frame, but don't wish to have the images displayed underneath)

 

I want the images to show when variant is selected but don't want them to be displayed to be viewed on their own, don't know if this makes sense!

 

Anne 

0 Likes
annemaud
New Member
22 0 0

Screenshot (89)_LI.jpg

0 Likes

This is an accepted solution.

.productImgSlider-nav.js-productImgSlider-nav.flickity-enabled {
    display: none;
}


Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
annemaud
New Member
22 0 0

Screenshot (93).png

 

Thank you for your assistance! I can't seem to see where the theme.scss.liquid is, in Assets?...

0 Likes

oscprofessional_0-1627732943871.png

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes