June 26, 2023

WooCommerce Remove Magnifying Glass with Code Snippets

Play Video

A Step by Step “WooCommerce remove magnifying glass” tutorial to get rid of the distracting effect. When it comes to managing your WooCommerce store, every detail matters. One such detail is the product magnifying glass feature. While it can be useful for some, others might find it a bit annoying. Web Squadron will walk you through the process of removing the WooCommerce product magnifying glass using the free plugin Code Snippets. The process is straightforward, efficient, and doesn’t require the use of a child theme.

Removing the Magnifying Glass

  1. Install & Activate the Code Snippets Plugin
    Navigate to your WordPress dashboard and click on “Add New” under the “Plugins” section. Type in “Code Snippets” in the search bar and install & activate the plugin.
    Install the Code Snippets Plugin
  2. Add & Name a New Snippet
    Go back to your WordPress dashboard and navigate to “Snippets”. Click on “Add New” to create a new snippet and name it.
    Add & Name a New Snippet
  3. Copy the Code
    Copy the required code below:

    function remove_image_zoom_support() {
        remove_theme_support( 'wc-product-gallery-zoom' );
    add_action( 'wp', 'remove_image_zoom_support', 100 );

    Source: Code Snippets

  4. Paste the Code
    Return to Code Snippet and paste the copied code into your new snippet.
    Paste the Code to remove WooCommerce Remove Magnifying Glass
  5. Save and Activate
    Click on “Save Changes” and then “Activate”.
    Save and Activate woocommerce remove magnifying glass code

Now, when you view a product on your WooCommerce store, the magnifying glass feature will be gone. You can still click on the product to view a larger image, but the magnifying glass symbol will no longer appear.

When to Remove WooCommerce Magnifying Glass

Removing the WooCommerce product magnifying glass can enhance the user experience on your website. It eliminates a feature that can be distracting or unnecessary for some users. This can make browsing your products a smoother and more enjoyable experience. Additionally, using code snippets to make changes to your website is a safe and efficient method. It eliminates the need for a child theme and allows you to easily roll back changes if necessary.

Do More with Code Snippets

While this tutorial focuses on “remove WooCommerce magnifying glass”, the Code Snippets plugin can be used to make a variety of other changes to your WooCommerce store. It’s a versatile tool that can help you customize your website to better suit your needs and the needs of your customers. Have a look here if you want to see more hacks with Code Snippets.

Common Issues

  1. The Code Snippet Doesn’t Work
    Make sure you’ve copied the entire code and pasted it correctly into your new snippet.
  2. The Magnifying Glass is Still There
    Ensure that you’ve saved your changes and activated the snippet. If the magnifying glass is still appearing, try clearing your website’s cache.
  3. The Code Snippets Plugin Won’t Install
    Check to make sure your version of WordPress is up-to-date. If it is and you’re still having issues, try disabling other plugins to see if there’s a conflict.

Required Resources

WooCommerce Logo
Free Options
Code Snippets Logo
Free Options
Credit to Web Squadron
Web Squadron is a popular YouTube channel dedicated to providing informative tutorials, tips, and insights on web development and design. With a strong focus on WordPress and website builders like Bricks Builder, the channel aims to help users of all skill levels, from beginners to advanced developers, create and optimize their websites. By offering easy-to-understand, step-by-step guidance, Web Squadron provides practical and valuable content.
WooCommerce Remove Magnifying Glass with Code Snippets
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.