Javascript-форум - Подскажите как реализовать слайдер

Добрый день. Прошу помощи у знатаков.
Пытаюсь внедрить к себе на сайт слайдер "Новинки товаров" из примера http://livedemo00.template-help.com/magento_39801, но столкнулся с такой проблемой, если выводить продукты списком, то вроде все нормально, но мой список продуктов подгружается через смарти и скрипт его выдает вот так:

то есть видит каждый товар как один слайд, а мне нужно сделать 3 слайда по 4 товара в каждом. Пытался добавлять в скрипт visible:4, rotateBy:4, но не работает, моих знаний не хватает, помогите пожалуйста. Вот мой код.

Код:

<script type="text/javascript" src="{$smarty.const.URL_JS}/jquery-1.8.0.min.js"></script>

<script type="text/javascript" src="{$smarty.const.URL_JS}/jquery.cycle.all.js"></script>

<script type="text/javascript">

$(function() {

    $('#slider-new').cycle({

       fx:'scrollHorz', 

       width:730, 

       height: 350,

       pager:  '.paggs',

       timeout: 800000 });

           function pagerFactory(idx, slide) {

                var s = idx > 3 ? ' style="display:none"' : '';

                return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';

                }; 

    });

</script>

<div class="slider-wrap">
<div class="products-carousel">
  	         <h2 class="subtitle">Новинки</h2>
                         <div class="paggs"></div>
                              
<ul class="products-grid_extra" id="slider-new">
    {foreach from=$__products item=_product name}
     {if $_product.slug}{assign var=_product_url value="?productID=`$_product.productID`&product_slug=`$_product.slug`"|set_query_html}{/if}
  <li>
     {if $_product.thumbnail}
    <a href="{$_product_url}"><img src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$_product.thumbnail|escape:'url'}" alt="{$_product.name|escape:'html'}"></a>
     {/if}
    <a href="{$_product_url}">{$_product.name}</a>
     {if $_product.Price}<div class="product_Price">{$_product.price_str}</div>{/if}
  </li>  
   {/foreach}
</ul>

</div>
</div>