@mozhno

Как выполнять скрипт вместе с фильтром товаров?

У меня есть сайт на Wordpress, я поставил Woocommerce и + WooFilter. В карточке товара присутствует swiper-slider. И вот если я фильтрую товар, то он подгружается с помощью ajax и из-за этого слайдер перестаёт работать, скрипт слайдера пока что подгружается вместе со страницей. С помощью какой функции его можно подгружать при каждой фильтрации товара?
Код слайдера
const myCustomSlider = document.querySelectorAll('.object-modal-slider');
			const slider = document.querySelectorAll('.gallery-top');
			const thumbs = document.querySelectorAll('.gallery-thumbs');
			for( i=0; i< myCustomSlider.length; i++ ) {
				slider[i].classList.add('gallery-top-' + i);
				thumbs[i].classList.add('gallery-thumbs-' + i);
				var galleryTop = new Swiper('.gallery-top-' + i, {
					effect: "fade",
					loop: true,
					loopedSlides: 3,
					pagination: {
						el: ".object-modal-slider-dots",
						clickable: true,
					},
					breakpoints: {
						1200: {
							loopedSlides: 5
						}
					}
				});
				var galleryThumbs = new Swiper('.gallery-thumbs-' + i, {
					spaceBetween: 0,
					slidesPerView: 'auto',
					touchRatio: 0.2,
					slideToClickedSlide: true,
					loop: true,
					navigation: {
						nextEl: '.object-modal-slider-next',
						prevEl: '.object-modal-slider-prev',
					},
					loopedSlides: 3,
					slidesPerView: 3,
					breakpoints: {
						1200: {
							slidesPerView: 5,
							loopedSlides: 5
						}
					}
				});
				galleryTop.controller.control = galleryThumbs;
				galleryThumbs.controller.control = galleryTop;
			}

			var swiper = new Swiper(".object-item-slider", {
				slidesPerView: 1,
				effect: "fade",
				navigation: {
					nextEl: ".swiper-next"
				},
				loop: true
			});
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы