Jump to content

Hide Product Variant Images in Product Gallery but Keep When Product is Selected

Recommended Posts

Posted

Does anyone have the solution to hide the product variant images in the product gallery and only have them display when a product variant is selected? 

 

  • Replies 2
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • 1 month later...
Posted (edited)

Hi here you go please put this CSS on Shop >Advance> Page Header Code Injection.

<style>
  
div.ProductItem-gallery-scroll > div > button:nth-child(n+14){
 display:none !important;
}

</style>

In code above where it says (n+14) , 14 means that start hiding images from 14th one. If you want to adjust you can simply change it like 10, 15 etc.

 

It's tested and worked fine , Please do mark it solved if it works for you.

Edited by humxahafeex
More Info

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.