(function($) { "use strict"; //Hide Loading Box (Preloader) function handlePreloader() { if($('.preloader').length){ $('.preloader').delay(200).fadeOut(500); } } //Update Header Style and Scroll to Top function headerStyle() { if($('.main-header').length){ var windowpos = $(window).scrollTop(); var siteHeader = $('.main-header'); var scrollLink = $('.scroll-top'); if (windowpos >= 110) { siteHeader.addClass('fixed-header'); scrollLink.addClass('open'); } else { siteHeader.removeClass('fixed-header'); scrollLink.removeClass('open'); } } } headerStyle(); // dropdown menu var mobileWidth = 992; var navcollapse = $('.navigation li.dropdown'); $(window).on('resize', function(){ navcollapse.children('ul').hide(); }); navcollapse.hover(function() { if($(window).innerWidth() >= mobileWidth){ $(this).children('ul').stop(true, false, true).slideToggle(300); } }); //Submenu Dropdown Toggle if($('.main-header .navigation li.dropdown ul').length){ $('.main-header .navigation li.dropdown').append(''); //Dropdown Button $('.main-header .navigation li.dropdown .dropdown-btn').on('click', function() { $(this).prev('ul').slideToggle(500); }); //Disable dropdown parent link $('.navigation li.dropdown > a').on('click', function(e) { e.preventDefault(); }); } // Scroll to a Specific Div if($('.scroll-to-target').length){ $(".scroll-to-target").on('click', function() { var target = $(this).attr('data-target'); // animate $('html, body').animate({ scrollTop: $(target).offset().top }, 1000); }); } // Elements Animation if($('.wow').length){ var wow = new WOW({ mobile: false }); wow.init(); } // Fact Counter function factCounter() { if($('.fact-counter').length){ $('.fact-counter .column.animated').each(function() { var $t = $(this), n = $t.find(".count-text").attr("data-stop"), r = parseInt($t.find(".count-text").attr("data-speed"), 10); if (!$t.hasClass("counted")) { $t.addClass("counted"); $({ countNum: $t.find(".count-text").text() }).animate({ countNum: n }, { duration: r, easing: "linear", step: function() { $t.find(".count-text").text(Math.floor(this.countNum)); }, complete: function() { $t.find(".count-text").text(this.countNum); } }); } }); } } //LightBox / Fancybox if($('.lightbox-image').length) { $('.lightbox-image').fancybox({ openEffect : 'fade', closeEffect : 'fade', helpers : { media : {} } }); } // tab-content function customTabProductPageTab () { if ($('.custom-tab-title').length) { var tabWrap = $('.tab-details-content'); var tabClicker = $('.custom-tab-title ul li'); tabWrap.children('div').hide(); tabWrap.children('div').eq(0).show(); tabClicker.on('click', function() { var tabName = $(this).data('tab-name'); tabClicker.removeClass('active'); $(this).addClass('active'); var id = '#'+ tabName; tabWrap.children('div').not(id).hide(); tabWrap.children('div'+id).fadeIn('500'); return false; }); } } // testimonial-carousel if ($('.testimonial-carousel').length) { $('.testimonial-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 3000, autoplay: 4000, navText: [ '', '' ], responsive:{ 0:{ items:1 }, 400:{ items:1 }, 600:{ items:1 }, 800:{ items:1 }, 1200:{ items:1 } } }); } // brand-carousel if ($('.brand-carousel').length) { $('.brand-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 3000, autoplay: 4000, navText: [ '', '' ], responsive:{ 0:{ items:1 }, 400:{ items:2 }, 600:{ items:3 }, 800:{ items:4 }, 1200:{ items:5 } } }); } // testimonial-carousel if ($('.single-item-carousel').length) { $('.single-item-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 3000, autoplay: 4000, navText: [ '', '' ], responsive:{ 0:{ items:1 }, 400:{ items:1 }, 600:{ items:1 }, 800:{ items:1 }, 1200:{ items:1 } } }); } //Main Slider Carousel if ($('.main-slider-carousel').length) { $('.main-slider-carousel').owlCarousel({ loop:true, margin:0, nav:true, animateOut: 'fadeOut', animateIn: 'fadeIn', active: true, smartSpeed: 500, autoplay: 6000, navText: [ '', '' ], responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1200:{ items:1 } } }); } //three-column-carousel if ($('.three-column-carousel').length) { $('.three-column-carousel').owlCarousel({ loop:true, margin:30, nav:true, smartSpeed: 3000, autoplay: 4000, navText: [ '', '' ], responsive:{ 0:{ items:1 }, 480:{ items:1 }, 600:{ items:1 }, 800:{ items:2 }, 1024:{ items:3 } } }); } //Accordion Box if($('.accordion-box').length){ $(".accordion-box").on('click', '.acc-btn', function() { var outerBox = $(this).parents('.accordion-box'); var target = $(this).parents('.accordion'); if($(this).hasClass('active')!==true){ $(outerBox).find('.accordion .acc-btn').removeClass('active'); } if ($(this).next('.acc-content').is(':visible')){ return false; }else{ $(this).addClass('active'); $(outerBox).children('.accordion').removeClass('active-block'); $(outerBox).find('.accordion').children('.acc-content').slideUp(300); target.addClass('active-block'); $(this).next('.acc-content').slideDown(300); } }); } //Custom Seclect Box if($('.custom-select-box').length){ $('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('overflow'); } //Sortable Masonary with Filters function enableMasonry() { if($('.sortable-masonry').length){ var winDow = $(window); // Needed variables var $container=$('.sortable-masonry .items-container'); var $filter=$('.filter-btns'); $container.isotope({ filter:'*', masonry: { columnWidth : '.masonry-item' }, animationOptions:{ duration:500, easing:'linear' } }); // Isotope Filter $filter.find('li').on('click', function(){ var selector = $(this).attr('data-filter'); try { $container.isotope({ filter : selector, animationOptions: { duration: 500, easing : 'linear', queue : false } }); } catch(err) { } return false; }); winDow.on('resize', function(){ var selector = $filter.find('li.active').attr('data-filter'); $container.isotope({ filter : selector, animationOptions: { duration: 500, easing : 'linear', queue : false } }); }); var filterItemA = $('.filter-btns li'); filterItemA.on('click', function(){ var $this = $(this); if ( !$this.hasClass('active')) { filterItemA.removeClass('active'); $this.addClass('active'); } }); } } enableMasonry(); /* ========================================================================= When document is Scrollig, do ========================================================================== */ jQuery(document).on('ready', function () { (function ($) { // add your functions customTabProductPageTab (); })(jQuery); }); /* ========================================================================== When document is Scrollig, do ========================================================================== */ $(window).on('scroll', function() { headerStyle(); factCounter(); }); /* ========================================================================== When document is loaded, do ========================================================================== */ $(window).on('load', function() { handlePreloader(); enableMasonry(); }); })(window.jQuery);