Categories

Featured templates

OpenCart 2.x. How to disable zoom feature

Eva Fox March 30, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

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

OpenCart eCommerce Themes
This entry was posted in OpenCart Tutorials and tagged disable, feature, opencart, Zoom. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket