Disable zoom on hover image on the shop page
-
I would like to disable zoom on the alternative image (“Hover Image”) on the shop page (not single product) so there are two pictures that alternate but without any animations. Could you please let me know how to do that? because If I disable the “Hover Image” on the Product Styles tab, it also disables the second image. Thank you
I think by default, you can’t change the animation but if you want can disable the hover image.
See screenshot.
Thanks,
Nafiul
Attachments:
You must be
logged in to view attached files.
Hello,
Please provide your site admin access to the private area. I will give you custom CSS for that.
Best Regards
Thank you @elise noromit please find the site admin access in the private area.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .product-grid-item .product-element-top:hover .hover-img {
-webkit-transform: none;
transform: none;
}
Best Regards
Thank you so much! It looks great now, the zoom effect has been displayed and the transition is perfect. Thank you again
You are welcome! If you have any questions please feel free to contact us.
Best Regards
The topic ‘Disable zoom on hover image on the shop page’ is closed to new replies.
.
