Removing thumbnails from Supply theme product pages.

Solved
Highlighted
New Member
2 0 0

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

0 Likes
Highlighted
Excursionist
80 19 19

This is an 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?

 

0 Likes
Highlighted
New Member
2 0 0

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

0 Likes