Add Links to Carousel
Add this code to an HTML widget above the Carousel
.swiper-slide-image{cursor: pointer;} /* For Carousel 1 on the page */ document.addEventListener(‘DOMContentLoaded’, function () { /* Edit the links HERE */ let linksCarousel = [ ‘https://element.how/elementor-pop-ups-problems/’, ‘https://element.how/elementor-horizontal-scroll-section/’, ‘https://element.how/amazing-accordion-section/’, ‘https://element.how/awesome-hexagonal-boxes/’, ‘https://element.how/show-header-hamburger-click/’, ‘https://element.how/elementor-centered-logo-header/’ ]; document.body.addEventListener(‘click’, function (e) { if (e.target.closest(‘.carousel1 .swiper-slide’)){ let i = e.target.closest(‘.swiper-slide’).getAttribute(“data-swiper-slide-index”); location = linksCarousel[i]; } }); }); /* For Carousel 2 on the page */ document.addEventListener(‘DOMContentLoaded’, function () { /* Edit the links HERE */ let linksCarousel = [ ‘https://fumccp.org/’, ‘https://fumccp.org/20211101vet-rock-thank-you/’, ‘https://fumccp.org/community-help-net/ ‘, ‘https://fumccp.org/sunday-school/’, ‘https://element.how/show-header-hamburger-click/’, ‘https://element.how/elementor-centered-logo-header/’ ]; document.body.addEventListener(‘click’, function (e) { if (e.target.closest(‘.carousel2 .swiper-slide’)){ let i = e.target.closest(‘.swiper-slide’).getAttribute(“data-swiper-slide-index”); location = linksCarousel[i]; } }); }); /* For Carousel 3 on the page */ document.addEventListener(‘DOMContentLoaded’, function () { /* Edit the links HERE */ let linksCarousel = [ ‘https://element.how/elementor-pop-ups-problems/’, ‘https://element.how/elementor-horizontal-scroll-section/’, ‘https://element.how/amazing-accordion-section/’, ‘https://element.how/awesome-hexagonal-boxes/’, ‘https://element.how/show-header-hamburger-click/’, ‘https://element.how/elementor-centered-logo-header/’ ]; document.body.addEventListener(‘click’, function (e) { if (e.target.closest(‘.carousel3 .swiper-slide’)){ let i = e.target.closest(‘.swiper-slide’).getAttribute(“data-swiper-slide-index”); window.open(links[i]); /* TO OPEN LINKS IN SAME WINDOW USE: location = links[i]; */ } }); }); /* For More carousels, keep duplicating the code in the same fashion, replacing ‘.carouselx’ with the right x value */

Pops4 Test

Pops3 Test