Image Zoom Button

Hi @javaman1

Thanks for reaching out!

I believe that you are referring to the Zoom Button inside the product image here like the image below, correct?

This is the Image Zoom function of WooCommerce which is helpful to get a closer and quick look at some products that might have intricate details that aren’t clear in their normal image in your store.

Disabling this would require customization and we can’t offer help with this under our Support Policy. Nonetheless, see more on?Disabling WooCommerce Zoom.

Meanwhile, checking on this product page, I can see that the Image Zoom function only displays a blue dot as what you’ve describe above.

In addition to the code snippet provided on this link, you can add the following CSS code below under Appearance > Additional CSS to hide it:

/* Hide the Image Zoom function on Single Product Pages */

img.wp-smiley, img.emoji {
	display: none;
}

Hope this helps!

Thanks for your help. The CSS code did not resolve my problem.

As far as going into function.php it’s not recommended. I’m familiar with website building and wordpress so I went ahead and dropped the code offered by Woocommerce. Result: Critical Error.

I went into my host dashboard and restored from a previous backup. For beginners this could be a bigger problem, I knew how to recover. My advice: Never going into your Theme Editor and add or delete. Treat it like a radioactive site and stay out.

• This reply was modified 2 years ago by Don Anastas.

Hi @javaman1

I am sorry to hear that the code snippet to disable WooCommerce 3.+ Zoom resulted to a critical error on your site while the CSS code did not help either.

Can you please try the revised code below and see if this works?

/* Hide the Image Zoom function on Single Product Pages */

img.wp-smiley, img.emoji {
	display: none !important;
}

Hope this helps!

Thanks for your additional help. That snippet work perfect. It’s all good.

Great job!!

Hi @javaman1

You are most welcome and we’re glad that worked! ??

Meanwhile, f you have a moment to spare, we would love it if you could share your thoughts with us by leaving a review or feedback. Your experience and feedback are important to help us improve and ensure we’re always providing the best possible support.

Thanks!