/* Code from https://element.how/elementor-control-carousel-custom-arrows/ */ window.addEventListener('load', function () { document.querySelectorAll('[class*="arrowControlForward_"]').forEach(function (forwardArrow) { const group = forwardArrow.className.match(/arrowControlForward_(\d+)/)[1]; const swiperElements = document.querySelectorAll(`.controlledByArrows_${group} .swiper, .controlledByArrows_${group} .swiper-container`); forwardArrow.addEventListener('click', function (e) { e.preventDefault(); swiperElements.forEach(elem => elem.swiper.slideNext()); }); }); document.querySelectorAll('[class*="arrowControlPrevious_"]').forEach(function (previousArrow) { const group = previousArrow.className.match(/arrowControlPrevious_(\d+)/)[1]; const swiperElements = document.querySelectorAll(`.controlledByArrows_${group} .swiper, .controlledByArrows_${group} .swiper-container`); previousArrow.addEventListener('click', function (e) { e.preventDefault(); swiperElements.forEach(elem => elem.swiper.slidePrev()); }); }); });