Carousel раздела промо

Добрый день.

Уже 2 дня бьюсь над проблемой, как загнать модуль выводящий промо карточки в слайдер.

Стандартный слайдер не подходит, выдает ошибки либо выводит по 5 массивов всех товаров из раздела Промо.

Подскажите пожалуйста, как сделать слайдер, чтобы выводил по 4-6 промо-карточек и имел автопрокрутку по аналогии с productset.html

Код вывода Промо-карточки:

{foreach $wa->shop->promos() as $promo}
<div class="col-sm-{$col|default:4} text-center promo">
<a class="td-none promo__link" href="{$promo.link|escape}"></a>
<div class="promo__cover">
<div class="promo__image" style="background-image: url({$promo.image})"></div>
<div class="promo__caption">
<div class="promo__more">[`More info`]</div>
</div>
</div>
{if !empty($promo.title)}
<div class="black fw-7 promo__name">{$promo.title|escape}</div>
{/if}
{if !empty($promo.body)}
<div class="gray promo__description">{$promo.body|escape}</div>
{/if}
</div>
{if $promo@iteration == $limit|default:10}{break}{/if}
{/foreach}
<div class="clearfix"></div>

Вот слайдер, аналогично которому хотелось бы сделать:

{if $wa->shop}
{$slider.auto = $auto|default:true}
{$slider.interval = $interval|default:3000}
{$products = $wa->shop->productSet("bestsellers")}
{include file="`$wa->shop->themePath('dsvpro')`list-thumbs.html" products=$products carousel=$slider}
{/if}

Заранее благодарю.

1 ответ

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите