How can we disable automatic zoom of product images?

[reylongkp]

Hello

I also want to disable automatic zoom of product images.

How can i do that?

Thnanks

[Billy Nguyen]

Hello @reylongkp,

Please follow the guide here: https://www.intelliwolf.com/disable-woocommerce-product-image-zoom/

[reylongkp]

Hello

I tried to add these in function.php but none of them worked properly for me.

Please help

[Billy Nguyen]

Hello,

Please send the admin web account for me, I will check and try to help you.

[reylongkp]

How can I send it privately?

[Billy Nguyen]

Please copy this custom css and add to the file style.css( child-theme) or customize css:

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .woocommerce-product-gallery__image:hover a img {
    opacity: 1 !important;
}

[reylongkp]

This reply has been marked as private.

[Billy Nguyen]

I fixed this issue, please recheck your site.

Please contact me through this topic, you don’t need to reply both email and comment on themeforest with this issue, we take a lot of time just to check and reply you.

[reylongkp]

I understand I will only contact you here.

Product zoom is still there can we please disable zoom on images permanently?

Thanks

[reylongkp]

Hello

I have this below code in Additional CSS:

img.zoomImg{
	position: inherit !important;
	height:0 !important	
}

Now Product image zoom is disabled. Can you please tell me is this right?

[Billy Nguyen]

Your css is incorrect, but this function has been disabled. Customization of the previous code worked: https://prnt.sc/gnqBdDcxDz61

[reylongkp]

Okay, so what will the correct CSS code be?

Please help or is there anything we can do further to fix it without any complications

[Billy Nguyen]

1. The php code as I instructed you, add it to the file functions.php
2. Css code:

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-horizontal .woocommerce-product-gallery__image:hover a img {
    opacity: 1 !important;
}

add to the file style.css

After adding the code, please clear all cache on your website and browser to check again

[jss]

Hello!

I tried all of solutions mentioned on https://www.intelliwolf.com/disable-woocommerce-product-image-zoom/ but none of them work.

[Billy Nguyen]

Please send the WordPress admin web account for me, I will check and try to help you.

[Author]

Posts