I'm trying to implement the jquery cycle plugin on my website, which is running on Prestashop v1.2.4 . I'm not sure what it is that i'm doing wrong, but it's not working. It does load the propper .js files but the effect its just not happening, and my images pile up. Here's the code -it's a .tpl form of code:
<!-- MODULE Block new products -->
<script type="text/javascript" src="../../themes/cool/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../../themes/cool/js/product-cycle.js"></script>
<script type="text/javascript">
$('#fade').cycle({
fx: 'fade',
pause: 1
});
</script>
<div id="new-products_block_right" class="block products_block">
<h4><a href="{$link->getPageLink('new-products.php')}" title="{l s='New products' mod='blocknewproducts'}">{l s='New products' mod='blocknewproducts'}</a></h4>
<div class="block_content">
{if $new_products !== false}
<ul class="product_images clearfix">
<div id="fade" class="pics">
{foreach from=$new_products item='product' name='newProducts'}
{if $smarty.foreach.newProducts.index < 2}
<li{if $smarty.foreach.newProducts.first} class="first"{/if}><a href="{$product.link}" title="{$product.legend|escape:html:'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'medium')}" height="{$mediumSize.height}" width="{$mediumSize.width}" alt="{$product.legend|escape:html:'UTF-8'}" /></a></li>
{/if}
{/foreach}
</div>
<pre><code class="mix">$('#fade').cycle();</code></pre>
</ul>
<p><a href="{$link->getPageLink('new-products.php')}" title="{l s='All new products' mod='blocknewproducts'}" class="button_large">{l s='All new products' mod='blocknewproducts'}</a></p>
{else}
<p>{l s='No new products at this time' mod='blocknewproducts'}</p>
{/if}
</div>
</div>
<!-- /MODULE Block new products -->
there must be something i'm not seeing, any ideas?