anwi_website/dist/js/main.js

(function ($) {
    "use strict";
    
    /*--
    Menu Stick
    -----------------------------------*/

    let width = $(window).width();

    const ADD_SUB_NAV_CONTAINER = 'ADD_SUB_NAV_CONTAINER';
    const REMOVE_SUB_NAV_CONTAINER = 'REMOVE_SUB_NAV_CONTAINER';

    var header = $('.sticky-bar');
    var win = $(window);
    let ele_page = $("body").hasClass("product_pg");
  let win_wid = win.width();
  
    let ram_page = window.location.pathname;
    let loc= ram_page.includes('ramproducts.html');
    let loc_2= ram_page.includes('allinones.html');
    let loc_3= ram_page.includes('laptops.html');
        function naChanges(){
            if(loc === true){
                $("svg").find("path").attr("fill","#000");
            }
            else if(loc_2 === true || loc_3 === true){
                if(window.location.href.includes("?Zeno") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Zeno")){
                    if(win_wid <=1199){
                        $(".user-icon").find('path').attr('fill',"#000");
                        $(".cart_icon").find('path').attr('fill',"#000");
                      }else{
                        $("svg").find("path").attr("fill","#fff");
                      }
                   
                }else{
                    $("svg").find("path").attr("fill","#000");
                }
            }
            else{
                $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
            }
           
        }
        setTimeout(naChanges, 1000);
        let $body_pg = $("body").hasClass("services_page");
        if ($body_pg == true) {
            $(".main-menu").find("nav ul li a").addClass("text-dark");
            let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
            $(".header-bottom").addClass("sticky-bar stick");
            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
           
        }

        

        function subNavContainer(option){

            let urlName = window.location.href;


            if(!urlName.toLowerCase().includes('zeno') && !urlName.toLowerCase().includes('fyro')){
                return;
            }

            if(option === ADD_SUB_NAV_CONTAINER){
                $('.sub_nav_container').removeClass('d-none');
            }else if(option === REMOVE_SUB_NAV_CONTAINER){
                $('.sub_nav_container').addClass('d-none');
            }
        }
   
       win.on('scroll', function() {
        var scroll = win.scrollTop();
        // const mainContainerIsThere = document.querySelector('.mainContanierProduct').getBoundingClientRect();

        // if(mainContainerIsThere.top <200){
        //     $('.sub_nav_container').removeClass('d-none');
        // }else{
        //     $('.sub_nav_container').addClass('d-none');
        // }

        if (scroll < 100) {
           
            header.removeClass('stick');
            $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
            $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
            $(".hover_tab_1").find("svg").find("path").attr("fill","#fff");
            $(".hover_tab_2").find("svg").find("path").attr("fill","#fff");
            // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
            $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
           
            if(!$('.iframcontainer').hasClass('d-none')){
                subNavContainer(REMOVE_SUB_NAV_CONTAINER);
            }else if($('.iframcontainer').hasClass('d-none')){
                $('.sub_nav_container').addClass('d-none');
            }
            

            if ($body_pg == true) {
                $(".main-menu").find("nav ul li a").addClass("text-dark");
                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                $(".header-bottom").addClass("sticky-bar stick");
            }else{
                let $about_pg = $("body").hasClass("about_page");
              
                if($about_pg == true){
                    $(".main-menu").find("nav ul li a").addClass("text-dark");
                    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                    $(".header-bottom").addClass("sticky-bar stick");
                    $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
                }else{
                    if(loc === true || loc_2 === true || loc_3 === true){
                        if(window.location.href.includes("?Zeno") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?AIO%20Zeno")){
                            if(win_wid <=1199){
                                $(".user-icon").find('path').attr('fill',"#000");
                                $(".cart_icon").find('path').attr('fill',"#000");
                              }else{
                                let imgs = `/dist/assets/imgs/anwi-logo-2.png`;
                                $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
                                $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
                                $('.same-style').find('svg path').attr('fill','#fff');
                                $('.header-bottom-flex').find('svg path').attr('fill','#fff');
                                $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
                              }
                        }
                        else{
                            let imgs = `/dist/assets/imgs/anwi-logo-1.png`;
                            $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
                            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
                            $('.same-style').find('svg path').attr('fill','#000');
                            $('.header-bottom-flex').find('svg path').attr('fill','#000');
                            $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
                        }
                    } else{
                        let contact_pg = $("body").hasClass("contact_page");
                        if(contact_pg === true){
                            $(".main-menu").find("nav ul li a").addClass("text-dark");
                            let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
                            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                            $('.header-bottom-flex').find('svg path').attr('fill','#000');
                        }else{
                            let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
                            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                            $(".main-menu").find("nav ul li a").addClass("text-white");
                            $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
                        }
                    }
                }
              
            }
        } else {
            header.addClass('stick');
            subNavContainer(ADD_SUB_NAV_CONTAINER);
                $(".header-bottom").addClass("sticky-bar stick");
                let src = `/dist/assets/imgs/anwi-logo-1.png`;
                $(".logo-menu-wrap").find(".logo 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')
                let $body_pg = $("body").hasClass("services_page");
                if ($body_pg == true) {
                    let src = `/dist/assets/imgs/anwi-logo-1.png`;
                    $(".logo-menu-wrap").find(".logo a img").attr("src",src);
                    $(".main-menu").find("nav ul li a").removeClass("text-white");
                }
                let $about_pg = $("body").hasClass("about_page");
                if($about_pg == true){
                    $(".main-menu").find("nav ul li a").addClass("text-dark");
                    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                    $(".header-bottom").addClass("sticky-bar stick");
                }
        }
        });
        $("nav ul li").each(function(){
            let nav_item = $(this).find("ul").hasClass("pb-3");
            if(nav_item === true){
                $(this).on("mouseenter",function(){
                    $(".sub_nav_container").addClass("d-none");
                   let nav_cls =  $(".header-bottom").hasClass("stick");
                    if(nav_cls === false){
                        $(".header-bottom").addClass("bg-white");
                        let src = `/dist/assets/imgs/anwi-logo-1.png`;
                        $(".logo-menu-wrap").find(".logo a img").attr("src",src);
                        $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
                        $('.header-bottom-flex').find('svg path').attr('fill','#000');
                    }
                });
                $(this).on("mouseleave",function(){
                    let nav_cls =  $(".header-bottom").hasClass("stick");
                    let product_detail = window.location.pathname;
                    let detail = product_detail.includes("productdetails.html");
                    if(detail === true){
                        $(".sub_nav_container").removeClass("d-none");
                    }

                    if(nav_cls === false){
                        let ram_page = window.location.pathname;
                        let loc= ram_page.includes('ramproducts.html');
                        if(loc === false){
                            let contact_pg = $("body").hasClass("contact_page");
                            let product_pg = $("body").hasClass("product_pg");
                            if(contact_pg === true){
                                $(".header-bottom").removeClass("bg-white");
                                $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
                                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                            }else if(product_pg === true){
                                $(".header-bottom").removeClass("bg-white");
                                $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
                                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
                                $('.header-bottom-flex').find('svg path').attr('fill','#000');
                            }else{
                                $(".header-bottom").removeClass("bg-white");
                                let src = `/dist/assets/imgs/anwi-logo-2.png`;
                                $(".logo-menu-wrap").find(".logo a img").attr("src",src);
                                $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
                                $('.header-bottom-flex').find('svg path').attr('fill','#fff'); 
                            }
                        }else{
                            $(".header-bottom").removeClass("bg-white");
                        }
                    }
                })
            }
        })
       

    /*--------------------------------
        Slider active 1
    -----------------------------------*/
    sliders();
    function sliders(){
        if(window.location.href.includes('login')) return;
        $('.slider-active-1').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            fade: true,
            loop: true,
            dots: false,
            arrows: true,
            prevArrow: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
            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: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
            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 '<button class="overlay"><img src="'+thumb+'"></button>';
            },
            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: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
            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: '<span class="slider-icon slider-icon-prev"><i class="icofont-simple-left"></i></span>',
            nextArrow: '<span class="slider-icon slider-icon-next"><i class="icofont-simple-right"></i></span>',
        });
        
        
        /*--------------------------------
            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('<span class="cdown day"> <span>%-D </span><p>Days</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hours</p></span> <span class="cdown minutes"><span>%M</span> <p>Minutes</p> </span>'));
        });
    });
    
    $('.timer-2 [data-countdown]').each(function() {
        var $this = $(this),
            finalDate = $(this).data('countdown');
        $this.countdown(finalDate, function(event) {
            $this.html(event.strftime('<span class="cdown day"> <span>%-D </span><p>Day</p></span> <span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'));
        });
    });
    
    $('.timer-3 [data-countdown]').each(function() {
        var $this = $(this),
            finalDate = $(this).data('countdown');
        $this.countdown(finalDate, function(event) {
            $this.html(event.strftime('<span class="cdown hour"> <span> %-H</span> <p>Hour</p></span> <span class="cdown minutes"><span>%M</span> <p>Minute</p> </span> <span class="cdown second"><span>%S</span> <p>Second</p> </span>'));
        });
    });
    
    /*---------------------
        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: '<i class="icofont-arrow-up"></i>',
    //     easingType: 'linear',
    //     scrollSpeed: 900,
    //     animation: 'fade'
    // });
    
    /*----------------------------
    	Cart Plus Minus Button
    ------------------------------ */
    var CartPlusMinus = $('.cart-plus-minus');
    CartPlusMinus.prepend('<div class="dec qtybutton">-</div>');
    CartPlusMinus.append('<div class="inc qtybutton">+</div>');
    $(".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('<div class="body-overlay"></div>');
        
        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('<div class="body-overlay-2"></div>');
        
        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('<span class="menu-expand"><i class="fa-solid fa-plus"></i></span>');
    /*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('<div class="body-overlay-3"></div>');
        
        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);