Как в slick сделать перелистывание по 4 слайда и вывести количество текущий слайдов?

Question

[freeman0204]

Есть слайдер с такими настройками:

$('.js_slider_cat_js').slick({
        prevArrow: $('.prev_slider'),
        nextArrow: $('.next_slider'),
        centerMode: true,
        centerPadding: '20%',
        infinite: true,
        slidesToShow: 4,
        slidesToScroll: 4,
        speed: 500,
        variableWidth: true,
    });

  var total_1 = $('.js_slider_test .slick-slide:not(.slick-cloned)').length;
    $('.slide_info .total').text(total_1);

    $('.js_slider_test').on('afterChange', function (event, slick, currentSlide, nextSlide) {
        $('.slide_info .current').text(currentSlide + 1);
    });

Я нашел общее количество слайдов, а теперь нужно вывести текущий слайд. У меня сейчас выводиться 1 из 20. Но по факту активных 4. Должно быть так, 4 из 20, нажали next и уже 8 из 20 и т.д.
У меня стоит slidesToScroll: 4, но все равно листается по одному. Может дело в centerMode?
Блок с текущий слайдом и общим количеством у меня отдельной версткой.

Comments

[Алексей Тихонравов]

в CodeOpen или тому подобное можете залить ваш проект?