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

Highlighted
New Member
1 0 0

I'm trying to sell multiple options of a product on my website on the same product page - like this

https://pulseproxies.io/ (password is "MasL")

Though below the main product are all the thumbnails of the different variant options when I only want the main product image to showup and change when switching to the seperarte variants on the site without any of the variant thumbnails appareing below.

I run using the debut theme - can someone help :D

 

Thanks!

0 Likes
Highlighted
New Member
9 0 0

Hey Jackson,

Do you plan to only ever show one image at a time?

If that's the case, you can just hide the thumbnails completely.

.thumbnails-wrapper {display:none;}

 

0 Likes
Highlighted
Shopify Staff
Shopify Staff
841 54 139

Hey, Jackson!

Elle here from Shopify's Social Care team. Hope you're having a productive weekend!

To accomplish this, you can use the Variant Image Penguin app

If you were hoping to make this change by customizing the code of your theme, perhaps someone else can hop on this thread and help you out! Alternatively, our Shopify Experts can always be contacted for these types of customizations. 

Hope this is helpful! ? 

Elle | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
1 0 0

6 months ago

Hey Jackson,

Do you plan to only ever show one image at a time?

If that's the case, you can just hide the thumbnails completely.

.thumbnails-wrapper {display:none;}

 

I cannot seem to find where to correctly place this piece of code, where exactly should this be put?  Thank you

www.GlassesInTheMail.com
0 Likes
Highlighted
Excursionist
25 1 4

Go to Assets, and paste in the stylesheet.css.liquid

0 Likes
Highlighted
New Member
2 0 1

Hello!

I have the same problem, I want to delete the thumbnails but still be able to see the images with one of the variants but I put that code where you said and nothing happens

0 Likes
Highlighted
New Member
2 0 0

Hi I'm trying to find exactly where to paste 

.thumbnails-wrapper {display:none;}

Can someone take a screen grab for me? I can't locate stylesheet.css.liquid

Thanks-

Jim

 

 

0 Likes
Highlighted
New Member
2 0 0

Hey everyone,

I've been trying to solve this for a while now for the Atlantic theme. The following line did NOT work.

.thumbnails-wrapper {
 display:none;
}

Instead, by trying out different things randomly, I found that the following worked. (I have no experience, it was a pure guess lol)

.product-gallery--media-thumbnail {
display:none;
}

I pasted it onto line 13851 in theme.css.liquid under Assets.

Hopefully this can save someone some of the time I spend.

0 Likes