How to disable all hover effects in “Related Products” in product page?

Hi there!

Can you tell me how to disable all hover effects in “Related Products” in product page?
I guess this can be done removing some class using jquery. Then, my question is “what is the right class to remove”?
Take a look a this 30 second video to see what I mean: https://www.loom.com/share/9a960d68b39b46e28806dc969232cfbc

Thanks.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body.single-product  .product-grid-item:hover .wd-buttons[class*="wd-pos-r"] {
    opacity: 0;
    transform: none;
}

body.single-product  .wd-hover-base .wrapp-swatches {
    display: none;
}

Best Regards

Hello,

Thanks. It works. BTW: I don’t get the email notification when you answer my questions. How can enable it?

Hello,

Could you check your spam folder? Most likely it is caused by your email configuration.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts