Removing thumbnails from Supply theme product pages.

[blakeindy]

I am trying to hide the thumbnails under the product pages, and only show the picture of the varient I have selected. You can see a product page below, I have searched the help and tried a few of the display.hidden topics but can't seem to get it to work. Any ideas?

https://thermopan.com/collections/thermo-pans/products/thermo-connectors?variant=19575248846944

[SB_90 · Accepted solution]

Hi

Adding this to the bottom of your theme.scss file will remove the thumbnails altogether.

ul#productThumbs-product-template {
    display: none;
}

In terms of changing the image to the selected variant that's a little more complex and will probably require some custom Javascript?

What theme are you currently using?

[blakeindy]

Fantastic. That worked. Also the product images change on varient natively so that isn't an issue

[JoeRosbon]

Hi! I am having the exact same problem, but using the Brooklyn theme. I tried adding this code to the bottom of theme.scss.liquid but nothing changed. Would you be able to help me? 

[SB_90]

Can you provide your website URL and password for the site if necessary?

I'll see if I can spot anything different on your site.

Thanks

[JoeRosbon]

Here is the store: https://hallofdogs.com/products/custom-comfort-harness

As you can see there are multiple images of the same colour as these are for the thumbnails for each colour and size. 

[SB_90]

Hi Joe

It looks like this is a known problem with Brooklyn as I've come across a couple of threads for it where it looks like it's already been solved?

Maybe try this solution?:

https://community.shopify.com/c/Shopify-Design/Brooklyn-product-page-hide-pictures-of-variants-not-s...

Unfortunately, it's not one thing I can point to from looking at the frontend of the site.

[JoeRosbon]

Nothing helped from here. This is really annoying me as I have no idea on how to fix the issue. Surely there is a simple fix to not showing variant images on the product page? Appreciate the reply.

[Plantperfect]

Hi,

How do I remove thumbnails on minimal theme product pages