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
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024