Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, I'd like to hide all of the variant images from all products on my Shopify store.
Can someone please provide the code for this?
So only the 1st (primary) image is what shows on the product pages. (the rest should be hidden)
My website is at www.checkoutfirst.com
Thanks
Solved! Go to the solution
This is an accepted solution.
oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-single__thumbnails .grid__item {
display: none;
}
.product-single__thumbnails .grid__item:first-child {
d: block;
}
This is an accepted solution.
oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-single__thumbnails .grid__item {
display: none;
}
.product-single__thumbnails .grid__item:first-child {
d: block;
}
Hey yeah, I need help with this as well, I tried that code and it hides the bottom thumbnails, I don't need that, I want it to hide all of the pictures there are selected by variants and have the images that arent being displayed by the variant appear. I would also like to keep the bottom thumbnails.
Did u find a solution
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025