Zoom in slow motion Product and Category images

Hello There!

Hope you are doing good!

Please add custom CSS by following below mentioned steps.

1) Please log in to the admin area
2) Go to “Appearance >> Customize >> Additional CSS”.
3) Paste the below code in “Additional CSS” and save it afterward:

li.product .product-thumb-wrap{overflow: hidden;}
li.product .product-thumb-wrap img{transition: all 0.3s;}
li.product:hover .product-thumb-wrap img,
li.product:focus .product-thumb-wrap img{transform: scale(1.1);}
li.product:hover .product-thumb-wrap:before{z-index:1;}
li.product .add-to-cart-wrap, li.product:hover .view-detail-wishlist-wrap, li.product .view-detail-wishlist-wrap{z-index:2;}

Hope this helps!

Have a great day ahead!

Regards,
Team ProDesigns

This works really well for us, thank you!