ORIENT/plugins/tps/reklama/components/advertisement/slider.htm

<div class="partnerSlider">
    <button class="p1">
        <span></span>
    </button>
    <button class="n1">
        <span></span>
    </button>
    <div class="partnerSlider__inner">
        {% for reklama in group.adds %}
        <a class="partnerSlider__item"
           {% if reklama.enable_stats and reklama.url !="#" %}
           data-request="{{__SELF__}}::onRedirect"
           data-request-data = '[{id:{{reklama.id}}},{url:"{{reklama.url}}"}]'
           {% endif %}
        >
            <img src="{{reklama.media|media}}" alt="{{reklama.title}}">
        </a>
        {% endfor %}

    </div>
</div>
<script>
    // parner slider start
    // ================================================
    $(".partnerSlider__inner").slick({
        dots: false,
        infinite: true,
        speed: 300,
        slidesToShow: 5,
        arrows: true,
        prevArrow: $(".p1"),
        nextArrow: $(".n1"),
        slidesToScroll: 1,
        responsive: [
            {
                breakpoint: 1400,
                settings: {
                    slidesToShow: 4,
                    slidesToScroll: 2,
                    infinite: true,
                },
            },
            {
                breakpoint: 1023,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 1,
                },
            },
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                },
            },
            {
                breakpoint: 540,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 1,
                },
            },
        ],
    });
    // parner slider end
    // ================================================
</script>