document.addEventListener('DOMContentLoaded', function() {
var widget = document.querySelector('.hung_prd_category');
if (!widget) return;var ul = widget.querySelector('ul.products');
var lis = widget.querySelectorAll('ul.products li.product-category');if (!ul || lis.length === 0) return;ul.classList.add('swiper-wrapper');
ul.classList.remove('elementor-grid', 'columns-4');lis.forEach(function(li) {
li.classList.add('swiper-slide');
});var swiperContainer = document.createElement('div');
swiperContainer.className = 'swiper my-cat-swiper';
swiperContainer.style.overflow = 'hidden';
swiperContainer.style.padding = '5px 0';ul.parentNode.insertBefore(swiperContainer, ul);
swiperContainer.appendChild(ul);var initSwiper = function() {
new Swiper('.my-cat-swiper', {
slidesPerView: 2.2, // Mobile: Hiển thị 1.5 ô để người dùng biết có thể vuốt
grid: {
rows: 2,
fill: 'row'
},
spaceBetween: 6,
loop: false,
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
breakpoints: {
768: {
slidesPerView: 3.2,
spaceBetween: 8,
grid: { rows: 2 }
},
1024: {
slidesPerView: 3, // PC hiển thị 3 cột x 2 hàng
spaceBetween: 20,
grid: { rows: 2 }
}
}
});
};if (typeof Swiper !== 'undefined') {
initSwiper();
} else {
let script = document.createElement('script');
script.src = 'https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js';
document.head.appendChild(script);
let link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css';
document.head.appendChild(link);
script.onload = initSwiper;
}
});
