javascript - How can I use the jQuery Zoomy plugin in catalog product_list Prestashop -

i want make here http://www.templatemonster.com/prestashop-themes.php. add script sunsean.com/zoomi/zoomi.js in header , change product_list

    <div class="center_block">         <a href="{$product.link|escape:'htmlall':'utf-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'utf-8'}">             <img class="zoomi" src="{$link->getimagelink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.legend|escape:'htmlall':'utf-8'}" {if isset($homesize)} width="{$homesize.width}" height="{$homesize.height}"{/if} />                 {if isset($product.new) && $product.new == 1}<span class="new">{l s='new'}</span>{/if}         </a>         <h3>             <a href="{$product.link|escape:'htmlall':'utf-8'}" title="{$product.name|escape:'htmlall':'utf-8'}">{$product.name|escape:'htmlall':'utf-8'|truncate:35:'...'}             </a>         </h3>             <p class="product_desc">                 <a href="{$product.link|escape:'htmlall':'utf-8'}" title="{$product.description_short|strip_tags:'utf-8'|truncate:360:'...'}" >{$product.description_short|strip_tags:'utf-8'|truncate:360:'...'}                 </a>             </p>     </div> 

but doesn't work. here have:

<img class="zoomi" width="124" height="124" alt="" src="http://kids.int/img/p/1/5/15-home_default.jpg" style="position: relative; z-index: 8;">     <img class="zoom2" src="http://kids.int/img/p/1/5/15-home_default.jpg" style="position: absolute; z-index: 20; display: block; left: 1127px; top: 581px;">