https://insiderone.com/wp-content/plugins/insider_custom_elementor…/widgets//js-v2/by_size_script.js

1document.addEventListener('DOMContentLoaded', function() {
2    const widgetInstances = document.querySelectorAll('.customers-by-size-desktop');
3
4    widgetInstances.forEach(function(widget) {
5        const logos = widget.querySelectorAll('.brand-logo');
6        const details = widget.querySelectorAll('.brand-details');
7
8        // Set the first brand as active initially
9        if (logos.length > 0 && details.length > 0) {
10            logos[0].classList.add('active-brand');
11            details[0].style.display = 'block';
12
13            // Hide other details
14            for (let i = 1; i < details.length; i++) {
15                details[i].style.display = 'none';
16            }
17        }
18
19        logos.forEach(function(logo, index) {
20            logo.addEventListener('click', function() {
21                // Remove 'active-brand' class from all logos in this widget
22                logos.forEach(function(otherLogo) {
23                    otherLogo.classList.remove('active-brand');
24                });
25
26                // Add 'active-brand' class to the clicked logo
27                logo.classList.add('active-brand');
28
29                // Hide all details in this widget
30                details.forEach(function(detail) {
31                    detail.style.display = 'none';
32                });
33
34                // Show the clicked brand's details
35                details[index].style.display = 'block';
36            });
37        });
38    });
39});
40
41
42document.addEventListener('DOMContentLoaded', function() {
43  var customersBySizeMobileSwiper = new Swiper('.customers-by-size-mobile-swiper-container', {
44    direction: 'horizontal',
45    loop: true,
46    slidesPerView: 1,  // Ensure this is set appropriately
47    slidesPerGroup: 1, // Ensure this matches slidesPerView or less
48
49    // Pagination
50    pagination: {
51      el: '.swiper-pagination',
52      clickable: true,
53    },
54  });
55
56
57});