Remove Zoom effect in WooCommerce

 Created Date: 3/11/2022 |  User Level: Regular User |  Views: 244

You will need to be logged into the system as an administrator with writes to customize the theme of your WordPress website. Once you are logged in do the following steps:

  • Click on Appearance
  • Click on Theme File Editor
  • On the right side click on functions.php
  • Scroll to the very end of the document and paste in the code below:

// Disable the Zoom effect within WooCoommerce product pages
add_action('after_setup_theme', 'remove_wc_gallery_zoom', 100);

 function remove_wc_gallery_zoom() {

  • Click on the button toward the bottom left of the screen that says "Update File" to save your changes.

Latest WordPress KB Articles