How to turn of 'Hover on Product' image-switch effect?

Most ‘Hover on product’ effects switch the product image displayed, if there are more than one images/media on a product. I would like to be able to have products with multiple images/media, but i don’t want these to be displayed when user hovers (categories/shop page) – I only want these to be visible when the user goes to the product page.

How can i turn of this switch of images? I know there are some ‘hover on product’ effects that do not switch images, but i would like to use some of the other effects but without switching the actual image.
Thanks

Hello,

Thank you for the question.

Try to add this code snippet to the Custom CSS area in Theme Settings and this effect will be disabled

.hover-img {
    display: none!important;
}

Regards

That did the trick, thank you!

You are welcome 🙂

[Author]

Posts