Magento 1.9 – How to Remove Elevate Zoom

elevatemagento-1.9zoom

I want to remove magento default jquery.elevateZoom-3.0.8.min.js zoom ectension on the product view page.

i tried removing the commenting js file from catalog.xml file but not working.

Please help me
Thanks In Advance

Best Answer

Open

app/design/frontend/base/default/template/catalog/product/view/media.phtml

Comment below code

<!-- <script type="text/javascript">
    //<![CDATA[
        Event.observe(window, 'load', function() {
            product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
        });
    //]]>
    </script>-->

Related Solutions

Magento 1.9 – How to Remove Zoom from Product Details Page on RWD Theme

As mentioned in one of the other answers, the zoom feature starts in the createZoom function of the ProductMediaManager in /skin/frontend/rwd/default/js/app.js file.

So, another option is to override the individual createZoom function via JS later in the process.

For example, if you are inserting JS as a part of your own theme, then you can add the following to override the createZoom function in the ProductMediaManager object.

// ProductMediaManager is outside document.read scope
if (typeof ProductMediaManager !== 'undefined') {

  // Override image zoom in /skin/frontend/rwd/default/js/app.js
  // and prevent the zooming of images on hover
  ProductMediaManager.createZoom = function(image) { return; }

}

With this method, you don't have to copy the entire app.js file. However, you must make sure that your theme's JS is added after the parent theme's JS file. I find this to be a cleaner approach.

Magento – Elevate zoom on gallery images

I think you'll need to disable the zoom and initialise it again on the active image.

You may need to change some of the selectors below.

Disable zoom

$('#image').removeData('elevateZoom');
$('.zoomWrapper img.zoomed').unwrap();
$('.zoomContainer').remove();

So it goes like this:

On page load you initialise the zoom
When the carousel changes slide you disable the zoom
When the next slide loads you initialise zoom on the active image (or when the user taps on the zoom icon or however your zoom is initialised)

Best Answer

Related Solutions

Magento 1.9 – How to Remove Zoom from Product Details Page on RWD Theme

Magento – Elevate zoom on gallery images

Disable zoom

Related Topic