Product Image Edit Rollover Effect

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.

Can you share link to your site?

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.

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;
}