templates/index/blocks/products.banner.html.twig line 1

{% set slideId = 'jsslider' ~ config.uid %}
{% set slideId = 'jsslider-r' ~ config.uid %}
<section class="products-banner {% if config.positionLeft %} products-banner--left {% endif %}">
    <div class="products-banner__header">
        <div class="products-right-banner__header-title">
            {{ config.blockName }}
            <a href="{{ config.showAllUrl }}" class="products-banner-show-all">Показать все</a>
        </div>
        <div class="products-block__arrows">
            <a href="#" class="arrow-circle" id="{{ slideId }}-l">
                <div class="long-arrow-left"></div>
            </a>
            <a href="#" class="arrow-circle" id="{{ slideId }}-r">
                <div class="long-arrow-right"></div>
            </a>
        </div>
    </div>
    <div class="products-block__body">
        <div class="products-block__slider-bag">
            <div id="{{ slideId }}">
                {% for productBatch in config.products|batch(8) %}
                    <div>
                        <div class="products-banner__products">
                            {% for product in productBatch %}
                                {% include 'catalog/product.list.item.html.twig' %}
                            {% endfor %}
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
        <div class="products-banner-banner">
            <a href="{{ config.bannerUrl }}"><img src="https://perina-peroni.ru{{ banner_web_dir ~ config.bannerDesktop }}" alt="{{ config.bannerUrl }}"></a>
        </div>
    </div>
</section>
<script>
    document.addEventListener("DOMContentLoaded", () => {
        {#$('#{{ slideId }}').slick({#}
        {#    autoPlay: false,#}
        {#    dots: false,#}
        {#    arrows: true,#}
        {#    vertical: false,#}
        {#    infinite: true,#}
        {#    slidesToShow: 1,#}
        {#    slidesToScroll: 1,#}
        {#    prevArrow: $('#{{ slideId }}-l'),#}
        {#    nextArrow: $('#{{ slideId }}-r')#}
        {#});#}
    });
</script>