Additional Gallery Photos - how to turn preview off?

Site URL: https://www.atlboards.com/

Hi - my client wants to turn off the feature that shows additional product photos when a user scrolls over the product in the store - she wants only the main product image to show unless you click into the product itself. Any way to do this? Thanks!

Add this to Design->Custom CSS
 

.products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover {
    opacity: 1 !important;
    z-index: 99;
}

17 hours ago, bangank36 said:

Add this to Design->Custom CSS
 

.products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover {
    opacity: 1 !important;
    z-index: 99;
}

 

Thank you so much @bangank36