Hiding variant thumbnails on the product page | Motion Theme

Hiding variant thumbnails on the product page | Motion Theme

Ptit_Peloo
Visitor
3 0 0

Dear Shopify community,

 

I have an issue with Thumbnails display on my product page : I have few products, but lots of variants, and I don’t find it user friendly to have 100 variant thumbnails on the product page…

 

Is it possible to hide the variants thumbnails (or to limit the number of thumbnails shown, so only featured images thumbnails are displayed) ?

 

Of course, I would like the variant image to appear when the visitor clicks on the variant swatch / selector, but I don’t want the thumbails to be shown…

 

I use a specific application : NS Image Swatch Variant Option

And I use MOTION Theme.

 

Can anyone help me ?

 

I attached screenshots to show what my product page looks like now.

 

Ptit_Peloo_1-1720442997009.png

 

 

Ptit_Peloo_2-1720443050657.png

 

Thanks a lot for your help !

Replies 5 (5)

Moeed
Shopify Partner
4304 1105 1354

Hey @Ptit_Peloo 

 

You may try this code and if this doesn't works then share your store url and password if enabled.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product__thumbs--below {
    display: none !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Ptit_Peloo
Visitor
3 0 0

Thank you Moeed.

Unfortunatly it hides all the thumbnails. I need the featured product images to be displayed. Only the variants thumbnails should be hidden...

Here is the url and the password :

146df0-5.myshopify.com

password : nifuld

 

BSS-TekLabs
Shopify Expert
450 144 158

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Ptit_Peloo
Visitor
3 0 0

Hello,

Thank you for your help.

Here is the url and the password :

http://146df0-5.myshopify.com/

password : nifuld

namphan
Shopify Partner
405 47 70

Hi @Ptit_Peloo,

You want the feature: hide other variants’ media after selecting a variant? Will it be the same as at Dawn theme?

Screenshot.png

This will require a lot of changes, including changes to the Liquid code, CSS, and JS.

Therefore, it will be difficult for someone to guide you in detail, I recommend you hire an expert for this feature. Or I'm here to be able to check and add it for you.

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com