How to Disable Image Zoom on WooCommerce Product Pages

Steps:

1. Access Your WordPress Dashboard:
   • Go to Appearance > Theme File Editor.
   • Alternatively, use an FTP client or a code editor if you prefer working locally.
2. Edit the Functions File:
   • Open your theme’s functions.php file (preferably in a child theme to avoid losing changes during updates).
3. Add the Code: add_filter( 'woocommerce_single_product_zoom_enabled', '__return_false' );
4. Save Changes:
   • Click Update File if editing through WordPress or upload the file if using FTP.

Why This Works:

• This code uses WooCommerce’s built-in filter woocommerce_single_product_zoom_enabled to disable the zoom feature globally by returning false.

Important Notes:

• Use a Child Theme: If you’re editing the functions.php file directly, consider using a child theme to avoid overwriting changes when updating the theme.
• Test the Site: Clear your browser and website cache, then check a single product page to ensure the zoom feature is disabled.

If you don’t want to mess around with the functions.php file you can download a plugin called Code Snippets. You can download it here.