If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

OpenCart 2.x. How to disable zoom feature

This tutorial will show you how to disable zoom feature for image on product page in Opencart 2.x.

OpenCart 2.x. How to disable zoom option

  1. First, log into the cPanel dashboard.

  2. This leads you to the main cPanel area. From here, locate and enter the File Manager.

  3. Navigate to your store’s root folder. Most stores use the main domain, so the root folder would be public_html. If you are using a subfolder (e.g. example.com/shop), then you would look for public_html/shop.

  4. From here, navigate to script.js file in catalog/view/theme/hemeXXX/js folder, where XXX is the number of your theme and then open it for editing.

  5. Inside the editor, you need to find the following code:

    $("#gallery_zoom").elevateZoom({gallery:'image-additional', cursor: 'pointer',zoomType : 'inner', galleryActiveClass: 'active', imageCrossfade: true});
  6. and change it as follows below:

    $("#gallery_zoom").elevateZoom({gallery:'image-additional', cursor: 'default',zoomType : 'none', galleryActiveClass: 'active', imageCrossfade: true}); 
  7. Click the Save Changes button in the upper right corner of the screen to activate it. Refresh the website to see the changes.

Feel free to check the detailed video tutorial below:

OpenCart 2.x. How to disable zoom option