// Modules included: // 'virtual', // 'mousewheel', // 'navigation', // 'pagination', // 'zoom', // 'lazy', // 'autoplay', // 'thumbs', // 'manipulation', // 'effect-fade', $$plugins.define('slider', ['swiper-bundle'], function (element, options, Swiper) { if (element.childNodes.length == 0) { return; } // init Swiper const swiper = new Swiper(element, { autoHeight: options.autoHeight ? options.autoHeight : false, breakpoints: options.breakpoints, centerInsufficientSlides: options.centerInsufficientSlides ? options.centerInsufficientSlides : false, centeredSlides: options.centeredSlides ? options.centeredSlides : false, direction: options.direction ? options.direction : 'horizontal', effect: options.effect ? options.effect : 'slide', loop: options.loop ? options.loop : false, navigation: { nextEl: element.querySelector('.swiper-button-next'), prevEl: element.querySelector('.swiper-button-prev'), }, pagination: { el: element.querySelector('.swiper-pagination'), type: 'bullets', clickable: 'true' }, slidesPerGroup: options.slidesPerGroup ? options.slidesPerGroup : 1, slidesPerView: options.slidesPerView ? options.slidesPerView : 1, spaceBetween: options.spaceBetween ? options.spaceBetween : 0, speed: options.speed ? options.speed : 800, watchSlidesProgress: true }); });