(function ($) { "use strict"; /*-- Menu Stick -----------------------------------*/ let width = $(window).width(); var header = $('.sticky-bar'); var win = $(window); let ele_page = $("body").hasClass("product_pg"); if(ele_page == true){ } function naChanges(){ $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000"); } setTimeout(naChanges, 1000); win.on('scroll', function() { var scroll = win.scrollTop(); if (scroll < 100) { header.removeClass('stick'); $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick"); let img_src = `./dist/assets/imgs/anwi-logo-2.png`; $(".logo-menu-wrap").find("a img").attr("src",img_src); $(".main-menu").find("nav ul li a").addClass("text-white"); $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff"); $('.header-bottom-flex').find('svg path').attr('fill','#fff') } else { header.addClass('stick'); $(".header-bottom").addClass("sticky-bar stick"); let src = `./dist/assets/imgs/anwi-logo-1.png`; $(".logo-menu-wrap").find("a img").attr("src",src); $(".main-menu").find("nav ul li a").removeClass("text-white"); $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000"); $('.header-bottom-flex').find('svg path').attr('fill','#000') } }); /*-------------------------------- Slider active 1 -----------------------------------*/ $('.slider-active-1').slick({ slidesToShow: 1, slidesToScroll: 1, fade: true, loop: true, dots: false, arrows: true, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 1500, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Slider active 2 -----------------------------------*/ $('.slider-active-2').slick({ slidesToShow: 1, slidesToScroll: 1, fade: true, loop: true, dots: true, arrows: false, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 1500, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-- Slider active 3 -----------------------------------*/ $('.slider-active-3').slick({ arrows: false, infinite: true, slidesToShow: 1, dots: true, fade: true, autoplay: false, autoplaySpeed: 5000, customPaging : function(slider, i) { var thumb = $(slider.$slides[i]).data('thumb'); return ''; }, responsive: [ { breakpoint: 767, settings: { dots: true, autoplay: false, autoplaySpeed: 5000, } } ] }); /*-------------------------------- slider active 4 -----------------------------------*/ $('.slider-active-4').slick({ slidesToShow: 1, slidesToScroll: 1, fade: true, loop: true, dots: true, arrows: false, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 1500, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Slider active 5 -----------------------------------*/ $('.slider-active-5').slick({ slidesToShow: 1, slidesToScroll: 1, fade: true, loop: true, dots: true, arrows: false, prevArrow: '', nextArrow: '', }); /*-------------------------------- Product slider active 1 -----------------------------------*/ $('.product-slider-active-1').slick({ slidesToShow: 3, slidesToScroll: 1, loop: true, dots: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Product slider active 2 -----------------------------------*/ $('.product-slider-active-2').slick({ slidesToShow: 6, slidesToScroll: 1, loop: true, dots: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 6, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Product slider active 3 -----------------------------------*/ $('.product-slider-active-3').slick({ slidesToShow: 2, slidesToScroll: 1, loop: true, dots: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Product slider active 4 -----------------------------------*/ $('.product-slider-active-4').slick({ slidesToShow: 4, slidesToScroll: 1, loop: true, dots: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Brand logo active -----------------------------------*/ $('.brand-logo-active , .brand-logo-active-2').slick({ slidesToShow: 6, slidesToScroll: 1, loop: true, dots: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 6, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 5, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 2, slidesToScroll: 1, } } ] }); /*-------------------------------- Brand logo active 3 -----------------------------------*/ $('.brand-logo-active-3').slick({ slidesToShow: 6, slidesToScroll: 1, loop: true, dots: true, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 6, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 5, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 2, slidesToScroll: 1, } } ] }); /*--------------------- Countdown 1 --------------------- */ $('.timer-1 [data-countdown]').each(function() { var $this = $(this), finalDate = $(this).data('countdown'); $this.countdown(finalDate, function(event) { $this.html(event.strftime(' %-D

Days

%-H

Hours

%M

Minutes

')); }); }); $('.timer-2 [data-countdown]').each(function() { var $this = $(this), finalDate = $(this).data('countdown'); $this.countdown(finalDate, function(event) { $this.html(event.strftime(' %-D

Day

%-H

Hour

%M

Minute

%S

Second

')); }); }); $('.timer-3 [data-countdown]').each(function() { var $this = $(this), finalDate = $(this).data('countdown'); $this.countdown(finalDate, function(event) { $this.html(event.strftime(' %-H

Hour

%M

Minute

%S

Second

')); }); }); /*--------------------- svg img color --------------------- */ // Elements to inject var mySVGsToInject = document.querySelectorAll('img.inject-me'); // Do the injection SVGInjector(mySVGsToInject); /*------ Wow Active ----*/ new WOW().init(); /*------------ ScrollUp ------------------ */ // $.scrollUp({ // scrollText: '', // easingType: 'linear', // scrollSpeed: 900, // animation: 'fade' // }); /*---------------------------- Cart Plus Minus Button ------------------------------ */ var CartPlusMinus = $('.cart-plus-minus'); CartPlusMinus.prepend('
-
'); CartPlusMinus.append('
+
'); $(".qtybutton").on("click", function() { var $button = $(this); var oldValue = $button.parent().find("input").val(); if ($button.text() === "+") { var newVal = parseFloat(oldValue) + 1; } else { // Don't allow decrementing below zero if (oldValue > 0) { var newVal = parseFloat(oldValue) - 1; } else { newVal = 1; } } $button.parent().find("input").val(newVal); }); /*------- Color active -----*/ $('.pro-details-color-content').on('click', 'a', function(e){ e.preventDefault(); $(this).addClass('active').parent().siblings().children('a').removeClass('active'); }); /*-------------------------------- Cart active -----------------------------------*/ if ($('.pro-details-action').length) { var $body = $('body'), $cartWrap = $('.pro-details-action'), $cartContent = $cartWrap.find('.product-dec-social'); $cartWrap.on('click', '.social', function(e) { e.preventDefault(); var $this = $(this); if (!$this.parent().hasClass('show')) { $this.siblings('.product-dec-social').addClass('show').parent().addClass('show'); } else { $this.siblings('.product-dec-social').removeClass('show').parent().removeClass('show'); } }); /*Close When Click Outside*/ $body.on('click', function(e) { var $target = e.target; if (!$($target).is('.pro-details-action') && !$($target).parents().is('.pro-details-action') && $cartWrap.hasClass('show')) { $cartWrap.removeClass('show'); $cartContent.removeClass('show'); } }); } /* Language-dropdown */ $(".language-dropdown-active").on("click", function(e) { e.preventDefault(); $(this).parent().find('.language-dropdown').slideToggle('medium'); }) /* NiceSelect */ $('.nice-select').niceSelect(); /*-------------------------------- Testimonial active -----------------------------------*/ $('.testimonial-active , .testimonial-active-2').slick({ slidesToShow: 1, slidesToScroll: 1, loop: true, dots: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: false, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*====== SidebarCart ======*/ function miniCart() { var navbarTrigger = $('.cart-active'), endTrigger = $('.cart-close'), container = $('.sidebar-cart-active'), wrapper2 = $('.main-wrapper'); wrapper2.prepend('
'); navbarTrigger.on('click', function(e) { e.preventDefault(); container.addClass('inside'); wrapper2.addClass('overlay-active'); }); endTrigger.on('click', function() { container.removeClass('inside'); wrapper2.removeClass('overlay-active'); }); $('.body-overlay').on('click', function() { container.removeClass('inside'); wrapper2.removeClass('overlay-active'); }); }; miniCart(); /*------------------------------- Header Search Toggle -----------------------------------*/ var searchToggle = $('.search-toggle'); searchToggle.on('click', function(e){ e.preventDefault(); if($(this).hasClass('open')){ $(this).removeClass('open'); $(this).siblings('.search-wrap-3').removeClass('open'); }else{ $(this).addClass('open'); $(this).siblings('.search-wrap-3').addClass('open'); } }) /*====== Sidebar Active ======*/ function sidebarActive() { var navbarTrigger = $('.sidebar-active'), endTrigger = $('.sidebar-close'), container = $('.clickalbe-sidebar-wrapper-active'), wrapper3 = $('.main-wrapper-2'); wrapper3.prepend('
'); navbarTrigger.on('click', function(e) { e.preventDefault(); container.addClass('sidebar-visible'); wrapper3.addClass('overlay-active-2'); }); endTrigger.on('click', function() { container.removeClass('sidebar-visible'); wrapper3.removeClass('overlay-active-2'); }); $('.body-overlay-2').on('click', function() { container.removeClass('sidebar-visible'); wrapper3.removeClass('overlay-active-2'); }); }; sidebarActive(); /*====== clickable Main Menu active ======*/ var $clickableMainMenu = $('.clickable-mainmenu-wrap'), $clickableSubMenu = $clickableMainMenu.find('.sub-menu-2'); /*Add Toggle Button in Off Canvas Sub Menu*/ $clickableSubMenu.siblings('a').append(''); /*Close Off Canvas Sub Menu*/ $clickableSubMenu.slideUp(); /*Category Sub Menu Toggle*/ $clickableMainMenu.on('click', 'li a, li .menu-expand', function(e) { var $this = $(this); if ($this.parent('li').hasClass('has-sub-menu') || ($this.attr('href') === '#' || $this.hasClass('menu-expand'))) { e.preventDefault(); if ($this.siblings('ul:visible').length) { $this.parent('li').removeClass('active').children('ul').slideUp().siblings('a').find('.menu-expand svg').removeClass('fa-minus').addClass('fa-plus'); $this.parent('li').siblings('li').removeClass('active').find('ul:visible').slideUp().siblings('a').find('.menu-expand isvg').removeClass('fa-minus').addClass(' fa-plus '); } else { $this.parent('li').addClass('active').children('ul').slideDown().siblings('a').find('.menu-expand svg').removeClass(' fa-plus ').addClass('fa-minus'); $this.parent('li').siblings('li').removeClass('active').find('ul:visible').slideUp().siblings('a').find('.menu-expand svg').removeClass('fa-minus').addClass(' fa-plus '); } } }); /*====== Sidebar menu Active ======*/ function mobileMenuActive() { var navbarTrigger = $('.mobile-menu-button-active'), endTrigger = $('.sidebar-close'), container = $('.mobile-menu-active'), wrapper4 = $('.main-wrapper-3'); wrapper4.prepend('
'); navbarTrigger.on('click', function(e) { e.preventDefault(); container.addClass('sidebar-visible'); wrapper4.addClass('overlay-active-3'); }); endTrigger.on('click', function() { container.removeClass('sidebar-visible'); wrapper4.removeClass('overlay-active-3'); }); $('.body-overlay-3').on('click', function() { container.removeClass('sidebar-visible'); wrapper4.removeClass('overlay-active-3'); }); }; mobileMenuActive(); /*--- Language currency active ----*/ $('.mobile-language-active').on('click', function(e) { e.preventDefault(); $('.lang-dropdown-active').slideToggle(900); }); /*------------------------------------ Testimonial img slider active -----------------------------------*/ $('.testimonial-img-slider-active').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, draggable: false, fade: false, asNavFor: '.testimonial-active-3', }); /*-------------------------------- Testimonial active 3 -----------------------------------*/ $('.testimonial-active-3').slick({ slidesToShow: 1, slidesToScroll: 1, asNavFor: '.testimonial-img-slider-active , .testimonial-img-slider-active-3', dots: true, focusOnSelect: true, fade: true, arrows: false }); /*---------------------------------------------------------- Testimonial img slider active 3 ( home mega fashion ) --------------------------------------------------------------*/ $('.testimonial-img-slider-active-3').on('init afterChange',function(){ const titleImg = document.querySelector('.testimonial-next-img img'); const activeSlide = document.querySelector('.testimonial-img-slider.slick-current'); titleImg.src = activeSlide.nextSibling.querySelector('img').src; }); $('.testimonial-img-slider-active-3').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, draggable: false, fade: false, asNavFor: '.testimonial-active-3' }); // Isotope active // $('.grid').imagesLoaded(function() { // // init Isotope // var $grid = $('.grid').isotope({ // itemSelector: '.grid-item', // percentPosition: true, // layoutMode: 'masonry', // masonry: { // // use outer width of grid-sizer for columnWidth // columnWidth: '.grid-item', // } // }); // }); /*-------------------------- Isotope active ---------------------------- */ // $('.grid-2').imagesLoaded(function() { // // init Isotope // $('.grid-2').isotope({ // itemSelector: '.grid-item-2', // percentPosition: true, // layoutMode: 'masonry', // masonry: { // // use outer width of grid-sizer for columnWidth // columnWidth: '.grid-sizer', // } // }); // }); /*-------------------------- Isotope active ---------------------------- */ // $('.grid-3').imagesLoaded(function() { // // init Isotope // $('.grid-3').isotope({ // itemSelector: '.grid-item-3', // percentPosition: true, // layoutMode: 'masonry', // masonry: { // // use outer width of grid-sizer for columnWidth // columnWidth: 1, // } // }); // }); /*------------------------------------ testimonial img slider active 2 --------------------------------------*/ $('.testimonial-img-slider-active-2').slick({ slidesToShow: 5, slidesToScroll: 1, arrows: false, dots: false, focusOnSelect: true, draggable: false, fade: false, asNavFor: '.testimonial-active-4', responsive: [ { breakpoint: 1199, settings: { slidesToShow: 4, } }, { breakpoint: 991, settings: { slidesToShow: 5, } }, { breakpoint: 767, settings: { slidesToShow: 3, } }, { breakpoint: 575, settings: { slidesToShow: 2, } } ] }); /*-------------------------------- Testimonial active 4 -----------------------------------*/ $('.testimonial-active-4').slick({ slidesToShow: 1, slidesToScroll: 1, asNavFor: '.testimonial-img-slider-active-2', dots: false, focusOnSelect: true, fade: true, arrows: false }); /*-------------------------------- Testimonial active 5 -----------------------------------*/ $('.testimonial-active-5').slick({ slidesToShow: 1, slidesToScroll: 1, dots: false, fade: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: true, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Categori slider active -----------------------------------*/ $('.categori-slider-active').slick({ slidesToShow: 6, slidesToScroll: 1, dots: false, fade: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 6, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 6, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 4, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: true, slidesToShow: 3, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: true, slidesToShow: 2, slidesToScroll: 1, } } ] }); /*-------------------------------- Testimonial active 6 -----------------------------------*/ $('.testimonial-active-6').slick({ slidesToShow: 2, slidesToScroll: 1, dots: true, fade: false, arrows: false, responsive: [{ breakpoint: 1500, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 1199, settings: { slidesToShow: 2, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { autoplay: true, slidesToShow: 1, slidesToScroll: 1, } } ] }); /*-------------------------------- Product img slider active -----------------------------------*/ $('.product-img-slider-active').slick({ slidesToShow: 1, slidesToScroll: 1, dots: true, fade: false, arrows: false, }); /*-------------------------------- Testimonial active 7 -----------------------------------*/ $('.testimonial-active-7').slick({ slidesToShow: 1, slidesToScroll: 1, dots: false, fade: false, arrows: false, }); /*-------------------------------- Product details 3 img slider -----------------------------------*/ $('.product-details-3-img-slider').slick({ slidesToShow: 1, slidesToScroll: 1, dots: true, loop: true, fade: false, arrows: false, }); /*-------------------------------- Product details 3 img slider 2 -----------------------------------*/ $('.product-details-3-img-slider-2').slick({ slidesToShow: 1, slidesToScroll: 1, dots: true, loop: true, fade: false, arrows: false, }); /*====== SidebarSearch ======*/ function sidebarSearch() { var searchTrigger = $('.search-active'), endTriggersearch = $('.megashop-search-close'), container = $('.main-search-active'); searchTrigger.on('click', function(e) { e.preventDefault(); container.addClass('search-visible'); }); endTriggersearch.on('click', function() { container.removeClass('search-visible'); }); }; sidebarSearch(); /*--------------------- Price range --------------------- */ // var sliderrange = $('#slider-range'); // var amountprice = $('#amount'); // $(function() { // sliderrange.slider({ // range: true, // min: 16, // max: 400, // values: [0, 300], // slide: function(event, ui) { // amountprice.val("$" + ui.values[0] + " - $" + ui.values[1]); // } // }); // amountprice.val("$" + sliderrange.slider("values", 0) + // " - $" + sliderrange.slider("values", 1)); // }); /*--------------------- Video popup --------------------- */ // $('.video-popup').magnificPopup({ // type: 'iframe', // mainClass: 'mfp-fade', // removalDelay: 160, // preloader: false, // zoom: { // enabled: true, // } // }); /*------------------------------------- checkout one click toggle function ---------------------------------------*/ var checked = $( '.sin-payment input:checked' ) if(checked){ $(checked).siblings( '.payment-box' ).slideDown(900); }; $( '.sin-payment input' ).on('change', function() { $( '.payment-box' ).slideUp(900); $(this).siblings( '.payment-box' ).slideToggle(900); }); /*----------------------- Shop filter active ------------------------- */ $('.shop-filter-active').on('click', function(e) { e.preventDefault(); $('.product-filter-wrapper').slideToggle(); }) var shopFiltericon = $('.shop-filter-active'); shopFiltericon.on('click', function() { $('.shop-filter-active').toggleClass('active'); }) /*-- Product details slider 2 -----------------------------------*/ $('.pro-dec-big-img-slider-2').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, draggable: false, fade: false, asNavFor: '.product-dec-slider-2', }); /*-- Product details 2 slick carousel as Nav --------------------------------------------*/ $('.product-dec-slider-2').slick({ slidesToShow: 7, slidesToScroll: 1, vertical: true, asNavFor: '.pro-dec-big-img-slider-2', dots: false, focusOnSelect:true, fade: false, arrows: false, responsive: [ { breakpoint: 1199, settings: { slidesToShow: 5, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 7, slidesToScroll: 1, } }, { breakpoint: 767, settings: { slidesToShow: 5, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: true, slidesToShow: 3, } } ] }); // Instantiate EasyZoom instances // var $easyzoom = $('.easyzoom').easyZoom(); /*-------------------------------- Product details slider 5 active -----------------------------------*/ $('.product-details-slider-5-active').slick({ slidesToShow: 1, slidesToScroll: 1, dots: false, loop: true, fade: false, arrows: false, }); /*-------------------------------- Product details tab small -----------------------------------*/ $('.product-details-tab-small').slick({ slidesToShow: 5, slidesToScroll: 1, dots: false, loop: true, fade: false, arrows: false, responsive: [ { breakpoint: 767, settings: { slidesToShow: 3, slidesToScroll: 1, } } ] }); /*-------------------------- Tab active ---------------------------- */ var ProductDetailsSmall = $('.product-details-tab-small a'); ProductDetailsSmall.on('click', function(e) { e.preventDefault(); var $href = $(this).attr('href'); ProductDetailsSmall.removeClass('active'); $(this).addClass('active'); $('.product-details-tab-large .tab-pane').removeClass('active'); $('.product-details-tab-large ' + $href).addClass('active'); }) // $('.multiple-items').slick({ // infinite: true, // slidesToShow: 3, // slidesToScroll: 3 // }); // $('.slider-hero').slick({ // dots: false, // lazyLoad: 'ondemand', // // autoplay: true, // // autoplaySpeed: 1000, // slidesToShow: 4, // slidesToScroll: 1, // responsive: [ // { // breakpoint: 1024, // settings: { // slidesToShow: 3, // slidesToScroll: 3, // infinite: true, // } // }, // { // breakpoint: 600, // settings: { // slidesToShow: 2, // slidesToScroll: 2 // } // }, // { // breakpoint: 480, // settings: { // slidesToShow: 1, // slidesToScroll: 1 // } // }, // { // breakpoint: 1199, // settings: { // slidesToShow: 5, // slidesToScroll: 1, // } // }, // { // breakpoint: 991, // settings: { // slidesToShow: 3, // slidesToScroll: 1, // } // }, // { // breakpoint: 767, // settings: { // slidesToShow: 3, // slidesToScroll: 1, // } // }, // { // breakpoint: 575, // settings: { // autoplay: true, // slidesToShow: 3, // } // } // // You can unslick at a given breakpoint now by adding: // // settings: "unslick" // // instead of a settings object // ] // }); //pres overview slider $(".press_slider-hero").slick({ dots: false, lazyLoad: 'ondemand', // autoplay: true, // autoplaySpeed: 1000, slidesToShow: 1, slidesToScroll: 1, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 1199, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 991, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 767, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 575, settings: { autoplay: true, slidesToShow: 1, } } ] }); setTimeout(()=>{ if(width<=600){ $('.same-style').find('svg path').attr('fill','#000') } },300) })(jQuery);