Magento Remove zoom effect from product image

By | June 2, 2016

Magento Remove zoom effect from product image

In this tutorial, we are going to remove zoom effect from product image in product detail page of magento. By default, the magento theme shows a zoom effect when hovering the image in product detail page. To remove the zoom effect we need to edit the app.js file in your skin directory.(skin/frontend/yourtheme/default/js/app.js)

The zoom effect is produced by createZoom function, in the ProductMediaManager object. We can override this function in our custom js using the below code,

another method to remove the zoom effect is to comment the following line in the app.js file,

 

You may also interested in reading HOW TO SKIP MAGENTO BASE URL VALIDATION (PLEASE ENTER A VALID URL. PROTOCOL IS REQUIRED) ISSUE IN MAGENTO INSTALLATION

🔥0

Leave a Reply