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




Comment below code

<!-- <script type="text/javascript">
        Event.observe(window, 'load', function() {
            product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
|improve this answer|||||
  • i am using rwd theme media.phtml and i didnt found the above script – Pradeep Sanku Aug 24 '14 at 7:59
  • Have you commented your js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js file in your catalog.xml file? – WisdmLabs Aug 24 '14 at 8:09
  • yes.then i am getting prototype elevate zoom ja errors – Pradeep Sanku Aug 24 '14 at 8:11
  • open skin/frontend/rwd/default/js/app.js and comment line no. 649 i.e. image.elevateZoom(); clear your magento cache. – WisdmLabs Aug 24 '14 at 8:28

I managed to remove elevatezoom by inserting the following in my local.xml:

<catalog_product_view translate="label">
    <reference name="head">
        <action method="removeItem"><type>skin_js</type><name>js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js</name></action>
|improve this answer|||||
  • The problem is, is that the console will show an error when you remove this file, coming from the app.js file: Uncaught TypeError: image.elevateZoom is not a function. Anyway to clean that up in a good practice? – Maarten Wolfsen Sep 6 '16 at 10:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.