<div class="box-popular">
<div class="heading">
<h3>ПОПУЛЯРНЫЕ ТОВАРЫ <?php echo isset($its_category) ? 'КАТЕГОРИИ' : ''; ?></h3>
</div>
<div class="container">
<div class="carousel-wrap">
<div id="popular_carousel">
<?php include(DIR_TEMPLATE . $config_template . '/template/module/products.php'); ?>
</div>
</div>
<div class="jcarousel-pagination"><ul></ul></div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#popular_carousel').jcarousel({
vertical: false,
wrap: 'circular',
// animation: 0,
});
$('#popular_carousel').jcarouselAutoscroll({
interval: 8000,
target: '+=5',
autostart: true
});
$('.box-popular .jcarousel-pagination ul')
.on('jcarouselpagination:active', 'li', function() {
$(this).addClass('active');
})
.on('jcarouselpagination:inactive', 'li', function() {
$(this).removeClass('active');
})
.jcarouselPagination({
'perPage':5,
'item': function(page, carouselItems) {
return '<li class="' + (page == 1 ? "active" : "") + '"><a data-href="c' + page + '">' + page + '</a></li>';
}
});
});
</script>