Jump to content

Product Image Edit Rollover Effect

Recommended Posts

Hi all - Wondering if anyone knows how to TURN OFF the product image rollover? At first we liked the rollover, but now client would like to turn it off. Within the our store (not live yet) each product has multiple images to showcase. When you rollover a product to select, it automatically shows the second image. We'd like to turn this off, but want to keep the multiple images on the product detail page. Any help would be appreciated. See attached screen recording for our example.

Link to comment
  • Replies 3
  • Views 652
  • Created
  • Last Reply
  • 1 month later...
14 hours ago, TheXLStudio said:

I am also looking for a fix for this please. My example store is: https://www.thexlstudio.com/studio/#studio-booking have a look at the first two products as an example. Would appreciate any help. Thanks.

Add to Home . Design > Custom CSS

.products.collection-content-wrapper .grid-image-hover {
    opacity: 0 !important;
img.grid-image-cover {
    opacity: 1 !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • 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.