https://www.gup.ru/bitrix/templates/index/components/bitrix/news.l…/script.js?17772762923430

1$(document).ready(function() {
2
3    const reviewGalleryC = (function(){
4        const sliderC = $('.js-review-gallery-custom');
5
6        sliderC.each(function() {
7            const currentNav = $(this);
8            const currentSlider = currentNav.parent().find('.js-review-announce-gallery-c');
9            const $nav = currentNav.parent().find('.js-review-announce-gallery-nav-c');
10
11            currentSlider.slick({
12                // asNavFor: '.js-review-gallery-custom',
13                infinite: true,
14                slidesToShow: 4,
15                slidesToScroll: 4,
16                dots: true,
17                arrows: true,
18                appendDots: $nav.find('.slick-dots'),
19                appendArrows: $nav.find('.slick-arrows'),
20                prevArrow: '<button type="button" class="slick-prev"></button>',
21                nextArrow: '<button type="button" class="slick-next"></button>',
22                // adaptiveHeight: true,
23                responsive: [
24                    {
25                        breakpoint: 992,
26                        settings: {
27                            slidesToShow: 3,
28                            slidesToScroll: 3,
29                            arrows: true,
30                            dots: true,
31                            centerPadding: '90px'
32                        }
33                    },
34                    {
35                        breakpoint: 768,
36                        settings: {
37                            slidesToShow: 2,
38                            slidesToScroll: 2,
39                            arrows: false,
40                            dots: true,
41                            centerPadding: '90px'
42                        }
43                    }
44                ]
45            });
46
47            currentNav.slick({
48                // asNavFor: '.js-review-announce-gallery-c',
49                infinite: true,
50                slidesToShow: 1,
51                slidesToScroll: 1,
52                fade: true,
53                draggable: false,
54                adaptiveHeight: true,
55                dots: false,
56                arrows: false,
57                // responsive: [
58                //     {
59                //         breakpoint: 768,
60                //         settings: {
61                //             adaptiveHeight: true
62                //         }
63                //     }
64                // ]
65            });
66
67
68            currentSlider.on('beforeChange', function(event, slick, currentSlide, nextSlide){
69                currentNav.slick('slickGoTo', nextSlide);
70            });
71
72            currentSlider.on('afterChange', function(slick, currentSlide){
73                currentSlider.find('.slick-slide').removeClass('c-reviews-list__item--current');
74                currentSlider.find('.slick-current').addClass('c-reviews-list__item--current');
75
76            });
77
78            currentSlider.find('.slick-slide').on('click', function () {
79                const dataId = $(this).data('id'),
80                    index = $('.js-review-gallery-custom .c-review[data-id="' + dataId + '"]').index();
81
82                currentSlider.find('.slick-slide').removeClass('c-reviews-list__item--current');
83                $(this).addClass('c-reviews-list__item--current');
84
85                currentNav.slick('slickGoTo', index);
86            });
87        });
88    })();
89});