`; variantKey = 'raspberry'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'raspberry'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'raspberry'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'raspberry'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'raspberry'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'raspberry'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'prickly-pear'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'grapefruit'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'grapefruit'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'grapefruit'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'grapefruit'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'grapefruit'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } mainSlideItem = ``; thumbnailSlideItem = `
`; variantKey = 'grapefruit'; if(_this.mainSliderVariants[variantKey] && _this.mainSliderVariants[variantKey].length > 0){ _this.mainSliderVariants[variantKey].push(mainSlideItem.trim()); _this.thumbnailsSliderVariants[variantKey].push(thumbnailSlideItem.trim()); }else{ _this.mainSliderVariants[variantKey] = [mainSlideItem.trim()]; _this.thumbnailsSliderVariants[variantKey] = [thumbnailSlideItem.trim()]; } }, launchThumbnailsSliders: ()=>{ let _this = theme.productSlider; let window_w = $(window).width(); let window_h = $(window).height(); let thumbnails_slider = $('.product-thumbnails-slider'); let is_vertical = thumbnails_slider.hasClass('thumbnails--vertical'); let first_view = thumbnails_slider.hasClass('slick-initialized'); if(!first_view && window_w > 767 && window_h > 900){ _this.regularThumbnailsProductSlider(); }else if(!first_view && window_w > 767 && window_h < 901){ thumbnails_slider.addClass('thumbnails--vertical'); _this.verticalThumbnailsProductSlider(); }else if(first_view && window_w > 767 && window_h > 900){ if(is_vertical){ thumbnails_slider.slick('unslick'); thumbnails_slider.removeClass('thumbnails--vertical'); _this.regularThumbnailsProductSlider(); } }else if(first_view && window_w > 767 && window_h < 901){ if(!is_vertical) { thumbnails_slider.slick('unslick'); thumbnails_slider.addClass('thumbnails--vertical'); _this.verticalThumbnailsProductSlider(); } } }, regularThumbnailsProductSlider: ()=>{ $('.product-thumbnails-slider').slick({ slidesToShow: 10, slidesToScroll: 1, arrows: false, dots: false, infinite: false, asNavFor: '.product-main-slider', centerMode: false, focusOnSelect: true, lazyLoad: 'progressive', }); }, verticalThumbnailsProductSlider:()=>{ $('.product-thumbnails-slider').slick({ slidesToShow: 10, slidesToScroll: 1, arrows: false, dots: false, infinite: false, asNavFor: '.product-main-slider', centerMode: true, focusOnSelect: true, vertical: true, lazyLoad: 'progressive', }); }, initMainProductSlider:()=>{ let _this = theme.productSlider; $('.product-main-slider').slick({ slidesToShow: 1, slidesToScroll: 1, adaptiveHeight: false, infinite: false, speed: 400, arrows: false, useTransform: true, centreMode: true, lazyLoad: 'progressive', mobileFirst: true, dots: true, asNavFor: null, fade: false, responsive: [ { breakpoint: 768, settings: { fade: false, dots: false, swipe: false, asNavFor: '.product-thumbnails-slider', } } ] }).on('afterChange', function(event, slick, currentSlide) { if(slick.$slides[currentSlide].classList.contains('video-mobile-slide')){ let button = slick.$slides[currentSlide].querySelector('button'); _this.initVideo(button, 'play'); console.log('play'); } }).on('beforeChange', function(event, slick, currentSlide) { if(slick.$slides[currentSlide].classList.contains('video-mobile-slide')){ let button = slick.$slides[currentSlide].querySelector('button'); _this.initVideo(button, 'stop') } }); $('.product-main-slider').removeClass('first--view'); } } setTimeout(()=>{ theme.productSlider.init(); }, 400) });