Back to Top

How to Use Jquery in Magento

Updated 19 May 2017

How to Use Jquery in Magento: Jquery no doubt is the best java script library now a days .Jquery really an awesome java-script library why we like this

1 – Easy DOM manipulation

2 – Easy Ajax

3 – Browser compatibility and many more

but if you want to use jquery in magento plug-in development you can not use it directly , because magento is based on prototype java-script library but thanks to jquery this awesome library has a mode “no conflict mode” . what you have to do is

Searching for an experienced
Magento Company ?
Find out More

First define the noconflict() function

<script type=”text/javascript”>var $j = jQuery.noConflict();</script>

and after that change the $ of the jquery to the $j as showb below

<script type=”text/javascript”>


$j(‘ul.thumb li’).Zoomer({speedView:<?php echo $speedView; ?>,

speedRemove:<?php echo $speedRemove; ?>,


speedTitle:<?php echo $speedTitle; ?>,

width:'<?php echo $imagewidth.”px”; ?>’,

height:'<?php echo $imageheight.”px”; ?>’,




That’s it . Still you have any query or suggestion please drop a mail in our mailbox or just comment it out .enjoy ­čśë

Related Links :

1 –


3 –

4 –

5 –

6 –

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*

Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home