Somehow the product image of our shop does not display correctly, normally the image is enlarged when you mouse over it, somehow only the top left enlarges and there is no way to look at the rest of the image.

If you look at this shop: www.jo-l-fashion.com and select any product (for instance 'tassen' and then any item. The item is displayed in the main window, when you mouse over it only the top enlarges.

Does anyone know how to solve this?

Thanks in advance!


I have found jQuery errors on your site. Try to add noConflict()

Create file:


With following:


Then attach this file to every page of your site.

To the file base/default/layout/local.xml

add this:

<?xml version="1.0"?>
<layout version="0.1.0">
        <reference name="head">
            <action method="addJs"><script>lib/jquery/noconflict.js</script></action>

Don't forget to check that your file was successfully attached. (find it on your live)


Ok, let me explain what has happening on your site. When you open your page with your zoomer or any other javascript which use jQuery library you get error like:

TypeError: jQuery(...).superfish is not a function

Why does it issue happen? Magento has native javascript library prototype.js. But most of modern modules do not use this library, because it's not popular in our days. They use jQuery library. Why do issues appear? If you want to select some element with id="element"

Prototype: $('element')

jQuery: $('#element')

And when you execute any script on your page magento don't know which library to use. That because you need to redeclare '$' symbol. When you execute jQuery.noConflict() function magento start use for jQuery another symbol and selector for id="element" will be:


You can read for more details: https://api.jquery.com/jquery.noconflict/

If you still have any question - feel free to ask.

  • Forgive me for being a noob (to use a popular word) but how do I attach a file to a page? – MarchelV Apr 25 '15 at 12:30
  • Via layout. I also wrote that above. – zhartaunik Apr 25 '15 at 12:47
  • The moment I add the new header to the xml file I get the 'fresh' install screen of magento. In the background I get the error message 'Warning: simplexml_load_file(): Entity: line 36: parser error : Extra content at the end of the document in /home/httpd/vhosts/jo-l-fashion.com/httpdocs/app/Mage.php on line 766' – MarchelV Apr 25 '15 at 12:58
  • jQuery is not native javascript library in magento, that because you need to let it exist with native library prototype. Make it how I recommended – zhartaunik Apr 25 '15 at 13:00
  • I tried to recreate your instructions. 1. I created the noconflict.js file with the code (jQue...();) you gave. 2. I added the code (<?xml...out>) to the local.xml file. 3. In the magento backend I go to General/Design where I click Layout. In here I have to give a matched expression and a value. Could you guide me through this please? – MarchelV Apr 26 '15 at 11:04

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.