Woocommerce or Wordpress is adding a Zoom magnifying glass to my single product page images and I want to remove it

[rlmills3rd]

See picture. After updating to the latest versions of X (Not Pro) and Woocommerce on my dev site. I noticed that there is now a Blue magnifying glass next to the white one that was originally there. How can I remove the blue and keep all the zoom functionality that was there previously when hovering over the image.

I tried using the following code but it removed both icons and all zoom functionality.

.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}

[tristup]

Hi RLM,

Thanks for reaching out.
The specified issue does not found in the given URL and zoom functionalities are working fine. Can you please check once after clearing all types of cache.

If the issue still exists at your end, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[rlmills3rd]

Hi

Thanks for hgetting back to me. I don’t have a cacheing plugin as it is my development site. I cleared my browser cache and the problem persists. Although it seems to only be happening in Google Chrome browser and is not happening in Firefox. Any thoughts?

[tristup]

Hi RLM,

I have tested your site with Chrome and Firefox, both the browser and didn’t find the issue you are pointing to. If you are still getting the issue and need us to investigate, I suggest you share the site credentials as I asked before.

Thanks

[rlmills3rd]

Yes the problem is still there on chrome.

[tristup]

Hi RLM,

The given credentials are not working, can you please check and send it once again.

Thanks

[rlmills3rd]

Above credentials should be working now.

[marc_a]

Hi @rlmills3rd,

Thanks for the credentials and I just check your website in both Google Chrome and Firefox, logged in and logged out but I can’t replicate the issue on my end. Can you confirm if you’re still having an issue about the magnifying glass.

Hope that helps.

Thank you.

[rlmills3rd]

Yes it is still there.

Please see the picture for the css I get using chrome’s inspect tool

[christian]

Hey @rlmills3rd,

I don’t see the icon also so this means that you see that only in your browser. The image is visually hidden on my end. Check the screenshot below.

Please clear your browser’s cache and deactivate all browser extensions.

This is also not an issue with our theme but your customization of it so this falls under custom development which is outside the scope of our theme support.

If the issue persists on your end and if you have other issues resulted from the use of custom codes, please consult with a 3rd party developer.

Thank you for understanding.