jQuery Forum

<!-- 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 -->