Добрый день. Прошу помощи у знатаков.
Пытаюсь внедрить к себе на сайт слайдер "Новинки товаров" из примера
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>