https://green-mink-490856.hostingersite.com/wp-content/plugins/e42…/js/e42-get-swiper-items.js?ver=1764174562

1jQuery(document).ready(function($) {
2
3    var $pagination = $(".swiperItems .swiper-pagination");
4
5    function centerActiveBullet() {
6        var $active = $pagination.find(".swiper-pagination-bullet-active");
7        if ($active.length) {
8            var bulletOffset    = $active.position().left + $active.outerWidth() / 2;
9            var paginationWidth = $pagination.outerWidth();
10            var translateX      = paginationWidth / 2 - bulletOffset;
11
12            $pagination.css({
13                transform: 'translate3d(' + translateX + 'px, 0, 0)',
14                transition: 'transform 0.3s ease'
15            });
16        }
17    }
18
19    var titlesTextTab = [];
20    var IconsSwiperTab = [];
21
22    $('.getSwiperItems .swiper-slide').each(function() {
23        titlesTextTab.push($(this).data('name'));
24        IconsSwiperTab.push($(this).data('icon'));
25    });
26
27    var swiper = new Swiper(".swiperItems", {
28        effect: "coverflow",
29        grabCursor: true,
30        loop: true,
31 
32        centeredSlides: true,
33        slidesPerView: 1.4,     // tweak 1.3–1.6 to adjust how much side slides show
34        spaceBetween: 16,
35
36        coverflowEffect: {
37            rotate: 0,
38            stretch: 10,
39            depth: 200,
40            modifier: 1,
41            slideShadows: true,
42        },
43 
44        breakpoints: {
45            768: {
46                centeredSlides: true,
47                slidesPerView: "auto",
48                spaceBetween: 0,
49            }
50        },
51
52        pagination: {
53            el: ".swiper-pagination",
54            clickable: true,
55            renderBullet: function(index, className) {
56                return `
57                    <span class="${className}" data-slideto="${index}">
58                        <div class="tabs-title-top">
59                            <img src="${IconsSwiperTab[index] ? IconsSwiperTab[index] : ''}" />
60                        </div>
61                        <div>${titlesTextTab[index] ? titlesTextTab[index] : ''}</div>
62                    </span>
63                `;
64            },
65        },
66
67        navigation: {
68            nextEl: ".swiper-button-next",
69            prevEl: ".swiper-button-prev",
70        },
71
72        on: {
73            init: function() {
74                centerActiveBullet();
75            },
76            slideChange: function() {
77                centerActiveBullet();
78            },
79        },
80    });
81});