How to disable mouseover zoom-in product photo?

sycshk · May 2017

How do I disable mouseover zoom-in product photo and also remove magnifying glass?

Explained in screenshot as well.

https://prnt.sc/fe4bak

Bryan · May 2017

Hi,
Please go to theme options>global>general and change the image frame style
http://prntscr.com/fe6mgv
thanks

sycshk · June 2017

Hi Support, I've tried but that only manages the product catalog and not the product page.

Maybe if you check out the page it would help.

https://www.tastinghk.com/en/product/ballantines-12-year-old/

Bryan · June 2017

Oh you mean the single product. This is not possible, it is the default behavior of woocommerce since version 3.0 came out. You could remove this, there are some tutorials on the web, like this one:
http://www.remicorson.com/disable-woocommerce-3-zoom/
To disable the icon use this custom css

.woocommerce-product-gallery__trigger {
	display:none !important;
}

sycshk · June 2017

Works great!

abanksob1 · June 2018

not working

Pablo · June 2018

@ abanksob1

Please send here link to your website.

Thanks.

How to disable mouseover zoom-in product photo?

Comments