Changing behavior of the image hover

[iimthomas]

Currently when you hover over a product, it will show the next image in the product gallery. Is it possible to do a little zoom instead of changing the picture? Thank you!

[Foster]

Hi,

Please turn off this option http://take.ms/bov4L and use the custom CSS code below for zoom

.product-image { overflow: hidden; }
.product-image img { transition: all .3s; }
.product-image:hover img { transform: scale(1.2); }

Cheers,
Foster

[iimthomas]

Turning off that option didn’t seem to work for my homepage, it works on the shop pages though. I have a home page with trending items.

 

Thank you!

[Author]

Posts