'); } // Ensure each item has the "swiper-slide" class $container.find(".e-loop-item").addClass("swiper-slide"); // Add navigation buttons if they don't exist if (!$container.find(".swiper-button-next").length) { $container.append(''); // $container.append(''); } // Initialize Swiper new Swiper($container[0], { slidesPerView: 1, spaceBetween: 16, loop: false, breakpoints: { 768: { slidesPerView: 2, spaceBetween: 32, }, 1025: { slidesPerView: 3, spaceBetween: 32, } }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, // pagination: { // el: ".swiper-pagination", // clickable: true, // }, }); $container.addClass("swiper-initialized"); }); } // Run Swiper setup on page load convertLoopGridToSwiper(); // Use MutationObserver to detect when the DOM changes (after AJAX filter is applied) const observer = new MutationObserver(function(mutationsList, observer) { mutationsList.forEach(function(mutation) { if (mutation.type === 'childList') { console.log("DOM updated after filter, reinitializing Swiper..."); convertLoopGridToSwiper(); } }); }); // Target the element containing the loop (where the items are injected) const targetNode = document.querySelector(".slider-event.elementor-widget-loop-grid"); const config = { childList: true, subtree: true }; // Listen for changes in children if (targetNode) { observer.observe(targetNode, config); } // $("body").on("click", ".e-filter-item", function () { // console.log('Filter clicked!'); // // setTimeout(convertLoopGridToSwiper, 1000); // }); }); })(jQuery);