Disable image zoom on category page

How to disable image zoom when hover product on category page?

Best regards

Hello,

Navigate to Theme Setting > Shop > Products & Categories styles > Hover on product > choose the necessary settings. For example, “Show button on hover” does not zoom image.

If you want to disable hover effect at all, then disable it in Theme Setting > Shop

Best Regards

Thanks for your response.

I want to keep “Show summary on hover”.
I only want to disable zoom effect when hover product image on category page.
Only first image have zoom effect. Other image variations don’t have.

Can you provide me path to css file where I could make changes?

Kind regards

Hello,

Try this CSS code:

body .product-grid-item .product-element-top:hover .hover-img {
    transform: none;
    -webkit-transform: none;
}

Add it to Theme Settings > Custom CSS > Desctop

If you have any problems contact us with your side admin access

Best Regards

[Author]

Posts