https://yutskovskaya.ru/local/components/onpeak/element.list/templates/star_reviews/script.js

1$(document).ready(() => {
2  const swiperInstance = new Swiper('.main-star-reviews__slider', {
3    slidesPerView: 1.2,
4    spaceBetween: 20,
5    loop: false,
6    navigation: {
7      prevEl: '.main-star-reviews .slider-arrows__arrow_prev',
8      nextEl: '.main-star-reviews .slider-arrows__arrow_next'
9    },
10    breakpoints: {
11      480: {
12        slidesPerView: 2,
13        spaceBetween: 30
14      },
15      762: {
16        slidesPerView: 2,
17        spaceBetween: 30
18      },
19      992: {
20        slidesPerView: 3,
21        spaceBetween: 30
22      },
23    }
24  });
25
26  $(document).on('click', '.main-star-reviews-item', function(e) {
27    const id = $(this).data('review-id');
28
29    $.fancybox.open({
30      src: '#review-modal-' + id,
31      type: 'inline',
32      opts: {
33        touch: false,
34        smallBtn: true,
35        toolbar: false,
36        animationEffect: "fade"
37      }
38    });
39  });
40  $(document).on('click', '.main-star-reviews-item__show-all', function(e) {
41    e.preventDefault();
42    e.stopPropagation();
43
44    const id = $(this).closest('.main-star-reviews-item').data('review-id');
45
46    $.fancybox.open({
47      src: '#review-modal-' + id,
48      type: 'inline'
49    });
50  });
51});