4

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

2 Answers 2

2

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>--> 
4
  • i am using rwd theme media.phtml and i didnt found the above script Commented Aug 24, 2014 at 7:59
  • Have you commented your js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js file in your catalog.xml file? Commented Aug 24, 2014 at 8:09
  • yes.then i am getting prototype elevate zoom ja errors Commented Aug 24, 2014 at 8:11
  • open skin/frontend/rwd/default/js/app.js and comment line no. 649 i.e. image.elevateZoom(); clear your magento cache. Commented Aug 24, 2014 at 8:28
1

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> </reference> </catalog_product_view> 
1
  • 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? Commented Sep 6, 2016 at 10:17

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.