Trusted by millions of customers worldwide
Chosen by leading marketplaces
`); } var slideDir = $("html").attr("dir") == "rtl" ? true : false; var sliderSelector = ""; // Init wrapper $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container").on('init', function(event, slick){ $("#block_ccfe33b6f94289cd098c7264f718f1a7").addClass("slider-initialized"); if (slick.slideCount > slick.options.slidesToShow) { $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-controls-wrapper").removeClass("d-none"); }else{ $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-controls-wrapper").addClass("d-none"); } // If platform parts inside the slide if ($('.slick-slide[data-slick-index="0"]').find('.platform-parts').length > 0) { $('.slick-slide').find('.platform-parts').removeClass("animate"); $('.slick-slide[data-slick-index="0"]').find('.platform-parts').addClass("animate"); } // If video inside the first slide let currentSlideVideo = $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slick-slide[data-slick-index="0"] .wp-block-video video').get(0); if (currentSlideVideo) { // Pause the video when the slide is active currentSlideVideo.pause(); // Play the video when it can start playing currentSlideVideo.addEventListener('canplay', function() { currentSlideVideo.play(); }); } // Equal height slider if ($('#block_ccfe33b6f94289cd098c7264f718f1a7').parents().hasClass('stack-slider')) { setSlideHeights(); } }) $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container").on('breakpoint', function(event, slick){ if (slick.slideCount > slick.options.slidesToShow) { $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-controls-wrapper").removeClass("d-none"); }else{ $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-controls-wrapper").addClass("d-none"); } }) // Init slider var sliderData = $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container").slick({ fade: false, rtl: slideDir, infinite: true, slidesToScroll: 1, slidesToShow: 4, arrows: false, dots: false, centerMode: false, centerPadding: "px", speed: 1000, autoplay: true, autoplaySpeed: 5000, swipe: false, responsive: [ { breakpoint: 900, settings: { infinite: true, slidesToScroll: 1, slidesToShow: 4, arrows: false, dots: false, centerMode: false, centerPadding: "px", speed: 1000, autoplay: true, autoplaySpeed: 5000, }, }, { breakpoint: 599, settings: { infinite: true, slidesToScroll: 1, slidesToShow: 2, arrows: false, dots: false, centerMode: false, centerPadding: "px", // speed: , autoplay: true, autoplaySpeed: 5000, swipe: true, }, }, ], }) .on("beforeChange", function (event, slick, currentSlide, nextSlide) { // If platform parts inside the slide if ($('#block_ccfe33b6f94289cd098c7264f718f1a7 .slick-slide[data-slick-index="'+nextSlide+'"]').find('.platform-parts').length > 0) { $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container .slick-slide .platform-parts").removeClass("animate"); $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container .slick-slide[data-slick-index="'+nextSlide+'"]').find('.platform-parts').addClass("animate"); } // If video inside the next slide let nextSlideVideo = $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slick-slide[data-slick-index="'+nextSlide+'"] .wp-block-video video').get(0); if (nextSlideVideo) { // Pause all videos before changing the slide $('.slick-slide video').each(function() { this.pause(); }); // Play the video when the slide is active nextSlideVideo.play(); } $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slick-slide").addClass("sliding"); var calc = ( (nextSlide) / (slick.slideCount-slick.options.slidesToShow) ) * 100; $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slick-progress').css('background-size', calc + '% 100%').attr('aria-valuenow', calc ); $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slider__label' ).text( calc + '% completed' ); }) .on("afterChange", function (event, slick, currentSlide, nextSlide) { $("#block_ccfe33b6f94289cd098c7264f718f1a7 .slick-slide").removeClass("sliding"); // Equal height slider if ($('#block_ccfe33b6f94289cd098c7264f718f1a7').parent().hasClass('stack-slider')) { setSlideHeights(); } }) .on('edge', function(event, slick, direction){ // console.log('edge was hit'); }); // Custom carousel nav $(`#${buttonsID} .previous`).click(function(e){ $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container').slick('slickPrev'); } ); $(`#${buttonsID} .next`).click(function(e){ e.preventDefault(); $('#block_ccfe33b6f94289cd098c7264f718f1a7 .slider-container').slick('slickNext'); } ); }); //end ready })(jQuery); });
