Hiding variant thumbnails on the product page | Motion Theme

Store Design
,
1

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_1-1720442997009.png1661×845 154 KB

Ptit_Peloo_2-1720443050657.png
Ptit_Peloo_2-1720443050657.png1567×769 149 KB

Thanks a lot for your help !

2

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 tag

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

Best Regards,
Moeed

3

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.

4

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

5

Hello,

Thank you for your help.

Here is the url and the password :

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

password : nifuld

6

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
Screenshot.png633×883 45.6 KB

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.