Product on hover

How do i make the whole product zoom a little on hover ?

div=class
product-grid-item product without-stars product-no-swatches quick-shop-on quick-view-on woodmart-hover-quick col-6 col-sm-4 col-md-3 col-lg-20_0 first product-in-grid post-2595 type-product status-publish has-post-thumbnail product_cat-nezarazene product_tag-156 product_tag-145 product_tag-case product_tag-cases product_tag-cover product_tag-for product_tag-full product_tag-glass product_tag-iphone product_tag-max product_tag-phone product_tag-plus product_tag-protective product_tag-se product_tag-with product_tag-xr product_tag-xs product_tag-znp first instock shipping-taxable purchasable product-type-variable has-default-attributes hover-width-small

Hello,

Your question is not clear. The bigger image you upload the bigger zoom you get. If you want to have a slight zoom you need to upload middle size images and you should try different sizes to detect which one the best.

Best Regards

a hover like this
https://www.useloom.com/share/5d799c7d629444fab7a8980b8de6a692

Hi,

Sorry, but there is no such option in our theme and WooCommerce by default. It may require additional code customization but we don’t have an instruction for this. It is out of our theme support scope.

Regards

Okey, thanks

[Author]

Posts