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
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?
Fantastic. That worked. Also the product images change on varient natively so that isn’t an issue
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?
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
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.
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?:
Unfortunately, it’s not one thing I can point to from looking at the frontend of the site.
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.
Hi,
How do I remove thumbnails on minimal theme product pages
…
3 seconds ago
Thanks so much for this topic and solutions.. I’ve tried on the Atlantic theme, and it’s not working. Any suggestions?