(function ($) { "use strict"; /*---------------------------- Slideshow ------------------------------ */ $('.slideshow').owlCarousel({ items: 6, autoPlay: 3000, singleItem: true, navigation: true, navigationText: ['', ''], pagination: true }); /*--------------------------------------------------- Banner Slider (with Fade in Fade Out effect) ----------------------------------------------------- */ $('.banner').owlCarousel({ items: 6, autoPlay: 3000, singleItem: true, navigation: false, pagination: false, transitionStyle: 'fade' }); /*--------------------------------------------------- Product Slider (with owl-carousel) ----------------------------------------------------- */ $(".owl-carousel.product_carousel, .owl-carousel.latest_category_carousel, .owl-carousel.latest_brands_carousel, .owl-carousel.related_pro").owlCarousel({ itemsCustom : [[320, 1],[600, 2],[768, 3],[992, 5],[1199, 5]], lazyLoad : true, navigation : true, navigationText: ['', ''], scrollPerPage : true }); /*--------------------------------------------------- Product Carousel Slider with Tab ----------------------------------------------------- */ $("#latest_category .owl-carousel.latest_category_tabs").owlCarousel({ itemsCustom : [[320, 1],[600, 2],[768, 3],[992, 5],[1199, 5]], lazyLoad : true, navigation : true, navigationText: ['', ''], scrollPerPage : true, }); $("#latest_category .tab_content").addClass("deactive"); $("#latest_category .tab_content:first").show(); //Default Action $("#latest_category ul#sub-cat li:first").addClass("active").show(); //Activate first tab //On Click Event $("#latest_category ul#sub-cat li").on("click", function() { $("#latest_category ul#sub-cat li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $("#latest_category .tab_content").hide(); var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active content return false; }); /*--------------------------------------------------- Brand Slider (Default Owl Carousel) ----------------------------------------------------- */ $('#carousel').owlCarousel({ items: 6, autoPlay: 3000, lazyLoad : true, navigation: true, navigationText: ['', ''], pagination: true }); /*--------------------------------------------------- Product Tab Carousel Slider(Featured,Latest,specila,etc..) ----------------------------------------------------- */ $("#product-tab .product_carousel_tab").owlCarousel({ itemsCustom : [[320, 1],[600, 2],[768, 3],[992, 5],[1199, 5]], lazyLoad : true, navigation : true, navigationText: ['', ''], scrollPerPage : true }); $("#product-tab .tab_content").addClass("deactive"); $("#product-tab .tab_content:first").show(); //Default Action $("ul#tabs li:first").addClass("active").show(); //Activate first tab //On Click Event $("ul#tabs li").on("click", function() { $("ul#tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $("#product-tab .tab_content").hide(); var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active content return false; }); /*--------------------------------------------------- Categories Accordion ----------------------------------------------------- */ $('#cat_accordion').cutomAccordion({ saveState: false, autoExpand: true }); /*--------------------------------------------------- Main Menu ----------------------------------------------------- */ $('#menu .nav > li > .dropdown-menu').each(function() { var menu = $('#menu').offset(); var dropdown = $(this).parent().offset(); var i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#menu').outerWidth()); if (i > 0) { $(this).css('margin-left', '-' + (i + 5) + 'px'); } }); var $screensize = $(window).width(); $('#menu .nav > li, #header .links > ul > li').on("mouseover", function() { if ($screensize > 991) { $(this).find('> .dropdown-menu').stop(true, true).slideDown('fast'); } $(this).bind('mouseleave', function() { if ($screensize > 991) { $(this).find('> .dropdown-menu').stop(true, true).css('display', 'none'); } });}); $('#menu .nav > li div > ul > li').on("mouseover", function() { if ($screensize > 991) { $(this).find('> div').css('display', 'block'); } $(this).bind('mouseleave', function() { if ($screensize > 991) { $(this).find('> div').css('display', 'none'); } });}); $('#menu .nav > li > .dropdown-menu').closest("li").addClass('sub'); // Clearfix for sub Menu column $( document ).ready(function() { $screensize = $(window).width(); if ($screensize > 1199) { $('#menu .nav > li.mega-menu > div > .column:nth-child(6n)').after('
'); } if ($screensize < 1199) { $('#menu .nav > li.mega-menu > div > .column:nth-child(4n)').after(''); } }); $( window ).resize(function() { $screensize = $(window).width(); if ($screensize > 1199) { $("#menu .nav > li.mega-menu > div .clearfix.visible-lg-block").remove(); $('#menu .nav > li.mega-menu > div > .column:nth-child(6n)').after(''); } if ($screensize < 1199) { $("#menu .nav > li.mega-menu > div .clearfix.visible-lg-block").remove(); $('#menu .nav > li.mega-menu > div > .column:nth-child(4n)').after(''); } }); // Clearfix for Brand Menu column $( document ).ready(function() { $screensize = $(window).width(); if ($screensize > 1199) { $('#menu .nav > li.menu_brands > div > div:nth-child(12n)').after(''); } if ($screensize < 1199) { $('#menu .nav > li.menu_brands > div > div:nth-child(6n)').after(''); } if ($screensize < 991) { $("#menu .nav > li.menu_brands > div > .clearfix.visible-lg-block").remove(); $('#menu .nav > li.menu_brands > div > div:nth-child(4n)').after(''); $('#menu .nav > li.menu_brands > div > div:last-child').after(''); } if ($screensize < 767) { $("#menu .nav > li.menu_brands > div > .clearfix.visible-lg-block").remove(); $('#menu .nav > li.menu_brands > div > div:nth-child(2n)').after(''); $('#menu .nav > li.menu_brands > div > div:last-child').after(''); } }); $( window ).resize(function() { $screensize = $(window).width(); if ($screensize > 1199) { $("#menu .nav > li.menu_brands > div > .clearfix.visible-lg-block").remove(); $('#menu .nav > li.menu_brands > div > div:nth-child(12n)').after(''); } if ($screensize < 1199) { $("#menu .nav > li.menu_brands > div > .clearfix.visible-lg-block").remove(); $('#menu .nav > li.menu_brands > div > div:nth-child(6n)').after(''); } if ($screensize < 991) { $("#menu .nav > li.menu_brands > div > .clearfix.visible-lg-block").remove(); $('#menu .nav > li.menu_brands > div > div:nth-child(4n)').after(''); $('#menu .nav > li.menu_brands > div > div:last-child').after(''); } if ($screensize < 767) { $("#menu .nav > li.menu_brands > div > .clearfix.visible-lg-block").remove(); $('#menu .nav > li.menu_brands > div > div:nth-child(4n)').after(''); $('#menu .nav > li.menu_brands > div > div:last-child').after(''); } }); /*--------------------------------------------------- Language and Currency Dropdowns ----------------------------------------------------- */ $('#currency, #language, #my_account').hover(function() { $(this).find('ul').stop(true, true).slideDown('fast'); },function() { $(this).find('ul').stop(true, true).css('display', 'none'); }); /*--------------------------------------------------- Mobile Main Menu ----------------------------------------------------- */ $('#menu .navbar-header > span').on("click", function() { $(this).toggleClass("active"); $("#menu .navbar-collapse").slideToggle('medium'); return false; }); //mobile sub menu plus/mines button $('#menu .nav > li > div > .column > div, .submenu, #menu .nav > li .dropdown-menu').before(''); //mobile sub menu click function $('span.submore').on("click", function() { $(this).next().slideToggle('fast'); $(this).toggleClass('plus'); return false; }); //mobile top link click $('.drop-icon').on("click", function() { $('#header .htop').find('.left-top').slideToggle('fast'); return false; }); /*--------------------------------------------------- Increase and Decrease Button Quantity for Product Page ----------------------------------------------------- */ $(".qtyBtn").on("click", function() { if($(this).hasClass("plus")){ var qty = $(".qty #input-quantity").val(); qty++; $(".qty #input-quantity").val(qty); }else{ var qty = $(".qty #input-quantity").val(); qty--; if(qty>0){ $(".qty #input-quantity").val(qty); } } return false; }); /*--------------------------------------------------- Product List ----------------------------------------------------- */ $('#list-view').on("click", function() { $(".products-category > .clearfix.visible-lg-block").remove(); $('#content .product-layout').attr('class', 'product-layout product-list col-xs-12'); localStorage.setItem('display', 'list'); $('.btn-group').find('#list-view').addClass('selected'); $('.btn-group').find('#grid-view').removeClass('selected'); return false; }); /*--------------------------------------------------- Product Grid ----------------------------------------------------- */ $(document).on('click', '#grid-view', function(e){ $('#content .product-layout').attr('class', 'product-layout product-grid col-lg-5ths col-md-5ths col-sm-3 col-xs-12'); $screensize = $(window).width(); if ($screensize > 1199) { $(".products-category > .clearfix").remove(); $('.product-grid:nth-child(5n)').after(''); } if ($screensize < 1199) { $(".products-category > .clearfix").remove(); $('.product-grid:nth-child(5n)').after(''); } if ($screensize < 991) { $(".products-category > .clearfix").remove(); $('.product-grid:nth-child(4n)').after(''); } $( window ).resize(function() { $screensize = $(window).width(); if ($screensize > 1199) { $(".products-category > .clearfix").remove(); $('.product-grid:nth-child(5n)').after(''); } if ($screensize < 1199) { $(".products-category > .clearfix").remove(); $('.product-grid:nth-child(5n)').after(''); } if ($screensize < 991) { $(".products-category > .clearfix").remove(); $('.product-grid:nth-child(4n)').after(''); } if ($screensize < 767) { $(".products-category > .clearfix").remove(); } }); localStorage.setItem('display', 'grid'); $('.btn-group').find('#grid-view').addClass('selected'); $('.btn-group').find('#list-view').removeClass('selected'); }); if (localStorage.getItem('display') == 'list') { $('#list-view').trigger('click'); } else { $('#grid-view').trigger('click'); } /*--------------------------------------------------- tooltips ----------------------------------------------------- */ $('[data-toggle=\'tooltip\']').tooltip({container: 'body'}); /*--------------------------------------------------- Scroll to top ----------------------------------------------------- */ $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 150) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); }); $('#back-top').on("click", function() { $('html, body').animate({scrollTop:0}, 'slow'); return false; }); /*--------------------------------------------------- Facebook Side Block ----------------------------------------------------- */ $(function(){ $("#facebook.fb-left").hover(function(){ $(this).stop(true, false).animate({left: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({left: "-241px" }, 800, 'easeInQuint' ); },1000); }); $(function(){ $("#facebook.fb-right").hover(function(){ $(this).stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({right: "-241px" }, 800, 'easeInQuint' ); },1000); }); /*--------------------------------------------------- Twitter Side Block ----------------------------------------------------- */ $(function(){ $("#twitter_footer.twit-left").hover(function(){ $(this).stop(true, false).animate({left: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({left: "-215px" }, 800, 'easeInQuint' ); },1000); }); $(function(){ $("#twitter_footer.twit-right").hover(function(){ $(this).stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({right: "-215px" }, 800, 'easeInQuint' ); },1000); }); /*--------------------------------------------------- Video Side Block ----------------------------------------------------- */ $(function(){ $("#video_box.vb-left").hover(function(){ $(this).stop(true, false).animate({left: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({left: "-566px" }, 800, 'easeInQuint' ); },1000); }); $(function(){ $("#video_box.vb-right").hover(function(){ $(this).stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({right: "-566px" }, 800, 'easeInQuint' ); },1000); }); /*--------------------------------------------------- Custom Side Block ----------------------------------------------------- */ $(function(){ $('#custom_side_block.custom_side_block_left').hover(function(){ $(this).stop(true, false).animate({left: '0' }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({left: '-215px' }, 800, 'easeInQuint' ); },1000); }); $(function(){ $("#custom_side_block.custom_side_block_right").hover(function(){ $(this).stop(true, false).animate({right: "0" }, 800, 'easeOutQuint' ); }, function(){ $(this).stop(true, false).animate({right: "-215px" }, 800, 'easeInQuint' ); },1000); }); })(jQuery);