32 lines
869 B
JavaScript
32 lines
869 B
JavaScript
|
// Initialize Swiper for product gallery
|
||
|
|
document.addEventListener('DOMContentLoaded', function() {
|
||
|
|
const productGallery = document.querySelector('.product-gallery.swiper');
|
||
|
|
|
||
|
|
if (productGallery) {
|
||
|
|
const swiper = new Swiper('.product-gallery.swiper', {
|
||
|
|
// Enable loop if there are multiple slides
|
||
|
|
loop: true,
|
||
|
|
|
||
|
|
// Let CSS control the width
|
||
|
|
slidesPerView: 'auto',
|
||
|
|
|
||
|
|
// Navigation arrows
|
||
|
|
navigation: {
|
||
|
|
nextEl: '.swiper-button-next',
|
||
|
|
prevEl: '.swiper-button-prev',
|
||
|
|
},
|
||
|
|
|
||
|
|
// Pagination dots
|
||
|
|
pagination: {
|
||
|
|
el: '.swiper-pagination',
|
||
|
|
clickable: true,
|
||
|
|
},
|
||
|
|
|
||
|
|
// Keyboard navigation
|
||
|
|
keyboard: {
|
||
|
|
enabled: true,
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|