Solved

Removing thumbnails from Supply theme product pages.

blakeindy
Visitor
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

Accepted Solution (1)

SB_90
Shopify Partner
216 52 67

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?

 

View solution in original post

Replies 8 (8)

SB_90
Shopify Partner
216 52 67

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?

 

blakeindy
Visitor
2 0 0

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

JoeRosbon
Tourist
8 0 1

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
Shopify Partner
216 52 67

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
Tourist
8 0 1

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
Shopify Partner
216 52 67

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
Tourist
8 0 1

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
Visitor
1 0 0

Hi,

How do I remove thumbnails on minimal theme product pages