/* * Custom code goes here. * A template should always ship with an empty custom.js */ /* click change colum */ (function( jQuery ) { "use strict"; jQuery.fn.ImagesLoaded = function( callback ) { var JAS_Images = function ( src, callback ) { var img = new Image; img.onload = callback; img.src = src; } var images = this.find( 'img' ).toArray().map( function( el ) { return el.src; }); var loaded = 0; jQuery( images ).each(function( i, src ) { JAS_Images( src, function() { loaded++; if ( loaded == images.length ) { callback(); } }) }) } })( jQuery ); jQuery(function() { if(jQuery('.header-fixed').length > 0 && pg_header_sticky==true) { var sticky_navigation_offset_top = jQuery('.header-fixed').offset().top; var headerFloatingHeight = jQuery('.header-fixed').height(); var sticky_navigation = function(){ var scroll_top = jQuery(window).scrollTop(); if (scroll_top > sticky_navigation_offset_top) { jQuery('.header-fixed').addClass('scroll_heading'); jQuery('#header').css({'margin-bottom':''+headerFloatingHeight+'px'}); } else { jQuery('.header-fixed').removeClass('scroll_heading'); jQuery('#header').css({'margin-bottom':'0px'}); } }; sticky_navigation(); jQuery(window).scroll(function() { sticky_navigation(); }); } }); jQuery(document).ready(function(){ // jQuery(document).on('click','.p_r',function(){ // updateDisplayProductList(jQuery(this).attr('data-num')); // // }); jQuery(document).on('click','.p-video',function(e){ jQuery('.popup_show_video').addClass('open'); }); jQuery(document).on('click','.p-video',function(e){ jQuery('.popup_show_video').removeClass('open'); }); var height_logo1 = jQuery('#header img.logo').height(); if (height_logo1 > 60){ jQuery('.header_logo .logo > .block-content').css('height','auto'); } jQuery(window).load(function() { var height_logo = jQuery('#header img.logo').height(); if (height_logo > 60){ jQuery('.header_logo .logo > .block-content').css('height','auto'); } if (jQuery('.pg_loading_page').length > 0){ jQuery('.pg_loading_page').removeClass('active'); } }); jQuery(document).on('click','.tab-wrapper .nav-item .nav-link:not(.active)',function(){ jQuery('.tab-wrapper .nav-item .nav-link').removeClass('active'); jQuery(this).addClass('active'); }); /*if ( ){ jQuery('.header_logo .logo > .block-content'). }*/ jQuery(document).on('click','.close_quickshop',function(){ jQuery(this).parent().removeClass('opened'); }); jQuery(document).on('click','.pg_button_quickshop',function(){ jQuery(this).parents('.product-item-control').next('.pg_attr_quickshop').addClass('opened'); }); wcInitSidebarFilter(); jQuery(document).on('click','.load_more_link',function(){ jQuery('.loading').show(); jQuery(this).hide(); var url_link = jQuery(this).attr('href'); jQuery.ajax({ type: 'GET', headers: { "cache-control": "no-cache" }, url: url_link, async: true, cache: false, data:'load_more_link=1', dataType : "json", success: function(jsonData,textStatus,jqXHR) { jQuery('.loading').hide(); jQuery('#js-product-loadmore-list').html(jsonData.rendered_products); var product_loadmore_list =jQuery('#js-product-loadmore-list .products.row').html(); var panigation_html = jQuery('#js-product-loadmore-list .pagination').html(); jQuery('#js-product-loadmore-list').html(''); if ( jQuery( '.products' ).hasClass( 'product-masonry-list' ) ) { jQuery('.product-masonry-list').revealItems(jQuery(product_loadmore_list)); } else jQuery('#js-product-list > .products.row').append(product_loadmore_list); jQuery('#js-product-list > .pagination').html(panigation_html); var _products = jQuery( '.products .product-miniature' ), _col = jQuery('.wc-col-switch a.active').data( 'col' ), _sizer = jQuery( '.products .grid-sizer' ); _products.removeClass( 'col-md-2 col-md-3 col-md-4 col-md-6 metro_half_width' ).addClass( 'col-md-' + _col ); _sizer.removeClass( 'size-2 size-3 size-4 size-6 size-12' ).addClass( 'size-' + _col ); if(_col==3) jQuery('.product_list_metro .products .product-miniature:nth-child(8n + 2)').removeClass('col-md-3').addClass('col-md-6'); if ( jQuery( '.product_list_metro .products' ).hasClass( 'product-masonry-list') ) { initMasonryList(); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { } }); return false; }); if (jQuery('#header.vertical_header').length != ''){ jQuery('#wrapper').addClass('vertical_maincontent'); jQuery('body').addClass('layout_vertical_header'); } if (jQuery('#index .product_masonry').length != 0){ jQuery('.product_masonry .product-miniature').each(function(){ var heightVarriant = jQuery(this).find('.product-list-variants').height() + 5; jQuery(this).find('.product-description.product-infor').css({'bottom':heightVarriant+'px'}); }); } // Init masonry layout resizeNavBar(); if (jQuery('.product_masonry').length != ""){ jQuery('.product_masonry .products .product-miniature:nth-child(8n + 2)').addClass('col-md-6 col-sm-4'); jQuery( this ).imagesLoaded( function() { jQuery('.product_masonry .products').isotope({ itemSelector: ".product_masonry .products .product-miniature", layoutMode:"masonry", stagger:30, percentPosition: true, }); }); } if(jQuery(window).width()<992){ resizeNavBar(); } jQuery(window).resize(function(){ resizeNavBar(); }); if(jQuery('.product-accessories').length) { jQuery('.product-accessories .products').owlCarousel({ items: 4, loop: true, center: false, margin: 30, autoWidth: false, rtl: false, autoHeight: false, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('.product-accessories .products li').length > 2}, 768 : {items: 3, loop: jQuery('.product-accessories .products li').length > 3}, 992 : {items: 4, loop: jQuery('.product-accessories .products li').length > 4} }, }); } if(jQuery('.panel-list-item-breadcrumb').length) { jQuery('.panel-list-item-breadcrumb').owlCarousel({ items: 3, loop: true, center: false, autoWidth: false, rtl: false, autoHeight: false, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('.panel-list-item-breadcrumb .panel-item-breadcrumb').length > 2}, 768 : {items: 3, loop: jQuery('.panel-list-item-breadcrumb .panel-item-breadcrumb').length > 3}, 992 : {items: 3, loop: jQuery('.panel-list-item-breadcrumb .panel-item-breadcrumb').length > 3} }, }); } if(jQuery('.owl-col-4').length) { jQuery('.owl-col-4 .products').owlCarousel({ items: 4, loop: true, center: false, margin: 30, autoWidth: false, rtl: false, autoHeight: false, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('.owl-col-4 .products li').length > 2}, 768 : {items: 3, loop: jQuery('.owl-col-4 .products li').length > 3}, 992 : {items: 4, loop: jQuery('.owl-col-4 .products li').length > 4} }, }); } if(jQuery('.owl-col-6').length) { jQuery('.owl-col-6 .products').owlCarousel({ items: 6, loop: true, center: false, margin: 30, autoWidth: false, rtl: false, autoHeight: false, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('.owl-col-6 .products li').length > 2}, 768 : {items: 3, loop: jQuery('.owl-col-6 .products li').length > 3}, 992 : {items: 5, loop: jQuery('.owl-col-6 .products li').length > 5}, 1200 : {items: 6, loop: jQuery('.owl-col-6 .products li').length > 6} }, }); } if(jQuery('#tab-content-products').length) { jQuery('.tab-content .product_carousel').owlCarousel({ items: 4, loop: true, center: false, margin: 30, autoWidth: false, rtl: false, autoHeight: false, autoplay: false, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('#tab-content-products .product_carousel li').length > 2}, 768 : {items: 3, loop: jQuery('#tab-content-products .product_carousel li').length > 3}, 992 : {items: 4, loop: jQuery('#tab-content-products .product_carousel li').length > 4} }, }); } if(jQuery('.product_sam_category').length) { jQuery('.product_sam_category .products').owlCarousel({ items: 4, loop: true, center: false, margin: 30, autoWidth: false, rtl: false, autoHeight: false, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('.product_sam_category .products .product-miniature').length > 2}, 768 : {items: 3, loop: jQuery('.product_sam_category .products .product-miniature').length > 3}, 992 : {items: 4, loop: jQuery('.product_sam_category .products .product-miniature').length > 4} }, }); } if(jQuery('.articleRelated-list').length) { jQuery('.articleRelated-list').owlCarousel({ items: 3, loop: true, center: false, margin: 30, autoWidth: false, rtl: false, autoHeight: false, autoplay: false, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 2, loop: jQuery('.articleRelated-list .articleRelated-item').length > 2}, 768 : {items: 3, loop: jQuery('.articleRelated-list .articleRelated-item').length > 2}, 992 : {items: 3, loop: jQuery('.articleRelated-list .articleRelated-item').length > 3} }, }); } wcInitImageZoom(); jQuery(document).on('click','.input-color',function(e) { restartElevateZoom(); }); jQuery(document).on('click','.js-qv-mask img.thumb',function(e) { restartElevateZoom(); }); //var myVideo = iframe.getElementById('myVideo'); // myVideo.setVolume(0); var initSearchForm = function() { var HS = jQuery( '.header__search' ); // Open search form jQuery( '.sf-open' ).on( 'click', function( e ) { //e.preventDefault(); HS.addClass('show_search'); jQuery('body').addClass('fixed_search'); HS.find('input[type="text"]').focus(); }); jQuery( '#sf-close' ).on( 'click', function( e ) { //e.preventDefault(); HS.removeClass('show_search'); jQuery('body').removeClass('fixed_search'); }); } initSearchForm(); jQuery(window).load(function(){ masonryBlog(); }); }); function resizeNavBar(){ if(jQuery(window).width()<992) { if(jQuery('#_tablet_language_selector .language-selector-wrapper').length==0) { jQuery('#_tablet_language_selector').html(jQuery('#_desktops_language_selector').html()); jQuery('#_desktops_language_selector').html(''); jQuery('#_tablet_currency_selector').html(jQuery('#_desktops_currency_selector').html()); jQuery('#_desktops_currency_selector').html(''); } if(jQuery('#_tablet_social_selector .social').length==0) { jQuery('#_tablet_social_selector').html(jQuery('.section_header .block-social.image-social').html()); jQuery('.section_header .block-social.image-social').html(''); } if(jQuery('#_tablet_language_selector .language-selector-wrapper').length==0 && jQuery('#_tablet_currency_selector .currency-selector').length==0) jQuery('#content_nav_mobile .currency_language').hide(); } else { if(jQuery('#_desktops_language_selector .language-selector-wrapper').length==0) { jQuery('#_desktops_language_selector').html(jQuery('#_tablet_language_selector').html()); jQuery('#_tablet_language_selector').html(''); jQuery('#_desktops_currency_selector').html(jQuery('#_tablet_currency_selector').html()); jQuery('#_tablet_currency_selector').html(''); } if(jQuery('.section_header .block-social.image-social .social').length==0) { jQuery('.section_header .block-social.image-social').html(jQuery('#_tablet_social_selector').html()); jQuery('#_tablet_social_selector').html(''); } } } function wcInitSidebarFilter() { jQuery(document).on( 'click', '.filter-trigger', function(e) { jQuery( '#search_filters_wrapper' ).toggleClass( 'opened' ); jQuery( '#sf-close' ).on( 'click', function() { jQuery( '#search_filters_wrapper' ).removeClass( 'opened' ); }); e.preventDefault(); }); jQuery(document).on( 'click','.close-filter', function(e) { jQuery( '#search_filters_wrapper' ).removeClass( 'opened' ); }); jQuery( '#sf-close' ).on( 'click', function() { jQuery( '#search_filters_wrapper' ).removeClass( 'opened' ); }); } function wcInitImageZoom(){ if ( jQuery('body.img_zoom_whenhover .product-cover').length > 0 ) { var img = jQuery('body.img_zoom_whenhover .product-cover'), img_src = jQuery('body.img_zoom_whenhover .product-cover').data( 'src' ); img.zoom({ touch: false, url: img_src }); } if ( jQuery('body.img_zoom_whenhover .js-qv-product-images-thumb').length > 0 ) { var img = jQuery('body.img_zoom_whenhover .js-qv-product-images-thumb .thumb-container'), img_src = jQuery('body.img_zoom_whenhover .js-qv-product-images-thumb .thumb-container').data( 'src' ); img.zoom({ touch: false, url: img_src }); } if ( jQuery('body.img_zoom_whenhover .images-container-sticky2').length > 0 ) { var img = jQuery('body.img_zoom_whenhover .images-container-sticky2 .thumb-container'), img_src = jQuery('body.img_zoom_whenhover .images-container-sticky2 .thumb-container').data( 'src' ); img.zoom({ touch: false, url: img_src }); } if ( jQuery('body.img_zoom_whenhover .images-container-thumboutside').length > 0 ) { var img = jQuery('body.img_zoom_whenhover .images-container-thumboutside .thumb-container'), img_src = jQuery('body.img_zoom_whenhover .images-container-thumboutside .thumb-container').data( 'src' ); img.zoom({ touch: false, url: img_src }); } if ( jQuery('body.img_zoom_whenhover .images-container-img-swatch-hoz').length > 0 ) { var img = jQuery('body.img_zoom_whenhover .images-container-img-swatch-hoz .product-images-big .thumb-container'), img_src = jQuery('body.img_zoom_whenhover .images-container-img-swatch-hoz .product-images-big .thumb-container').data( 'src' ); img.zoom({ touch: false, url: img_src }); } if ( jQuery('body.img_zoom_whenhover .images-container-img-swatch-ver').length > 0 ) { var img = jQuery('body.img_zoom_whenhover .images-container-img-swatch-ver .product-images-big .thumb-container'), img_src = jQuery('body.img_zoom_whenhover .images-container-img-swatch-ver .product-images-big .thumb-container').data( 'src' ); img.zoom({ touch: false, url: img_src }); } } function restartElevateZoom(){ jQuery(".zoomImg").remove(); wcInitImageZoom(); } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 *60 * 1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i 0) { var _col = jQuery('.wc-col-switch a.active').data( 'col' ), _products = jQuery( '.products .product-miniature' ), _sizer = jQuery( '.products .grid-sizer' ); _products.removeClass( 'col-md-2 col-md-3 col-md-4 col-md-6 metro_half_width' ).addClass( 'col-md-' + _col ); _sizer.removeClass( 'size-2 size-3 size-4 size-6 size-12' ).addClass( 'size-' + _col ) if(_col==3) jQuery('.product_list_metro .products .product-miniature:nth-child(8n + 2)').removeClass('col-md-3').addClass('col-md-6'); if ( jQuery( '.product_list_metro .products' ).hasClass( 'product-masonry-list' ) ) { setTimeout(function(){ initMasonryList(); }, 200); } } } function initMasonryList(){ var el = jQuery('.product-masonry-list'); el.each( function( i, val ) { var _option = jQuery( this ).data( 'masonry-metro'); if ( _option !== undefined ) { var _selector = _option.selector, _width = _option.columnWidth, _layout = _option.layoutMode; jQuery( this ).imagesLoaded( function() { jQuery( val ).isotope( { layoutMode : _layout, itemSelector: _selector, percentPosition: true, masonry: { columnWidth: _width } } ); }); } }); } function masonryBlog(){ jQuery( '.jas-masonry-blog' ).isotope( { selector: ".panel-blog-type-masonry", columnWidth: ".grid-sizer-blog", layoutMode: "masonry", } ); } function masonryBlog1(){ var t = jQuery(".jas-masonry-blog"), n = { itemSelector: ".panel-blog-type-masonry", percentPosition: !0, layoutMode: "masonry", stagger: 30, masonry: { columnWidth: ".grid-sizer-blog" } }; t.length > 0 && t.each(function() { var t = jQuery(this).data("grid"), a = jQuery.extend({}, n, t), i = jQuery(this).find(".grid"), o = jQuery(this).find("[data-filter]"), s = i.isotope(a); s.imagesLoaded().progress(function() { s.isotope("layout") }), o.on("click", function(t) { t.preventDefault(); var n = jQuery(this).data("filter"), a = o.parent(), s = jQuery(this).parent(); a.removeClass("active"), s.addClass("active"), i.isotope({ filter: n }) }) }) } function updateDisplayProductList(product_num_row){ /*jQuery('.p_r').removeClass('active'); switch(parseInt(product_num_row)) { case 1: jQuery('.product-miniature').addClass('claue-col-md-12'); jQuery('.product-miniature').removeClass('claue-col-md-2'); jQuery('.product-miniature').removeClass('claue-col-md-4'); jQuery('.product-miniature').removeClass('claue-col-md-3'); jQuery('.product-miniature').removeClass('claue-col-md-6'); jQuery('.p_r.one').addClass('active'); setCookie('product_num_row',1,1); break; case 2: jQuery('.product-miniature').addClass('claue-col-md-6'); jQuery('.product-miniature').removeClass('claue-col-md-2'); jQuery('.product-miniature').removeClass('claue-col-md-4'); jQuery('.product-miniature').removeClass('claue-col-md-3'); jQuery('.product-miniature').removeClass('claue-col-md-12'); jQuery('.p_r.two').addClass('active'); setCookie('product_num_row',2,1); break; case 3: jQuery('.product-miniature').addClass('claue-col-md-4'); jQuery('.product-miniature').removeClass('claue-col-md-3'); jQuery('.product-miniature').removeClass('claue-col-md-2'); jQuery('.product-miniature').removeClass('claue-col-md-6'); jQuery('.product-miniature').removeClass('claue-col-md-12'); jQuery('.p_r.three').addClass('active'); setCookie('product_num_row',3,1); break; case 4: jQuery('.product-miniature').addClass('claue-col-md-3'); jQuery('.product-miniature').removeClass('claue-col-md-4'); jQuery('.product-miniature').removeClass('claue-col-md-2'); jQuery('.product-miniature').removeClass('claue-col-md-6'); jQuery('.product-miniature').removeClass('claue-col-md-12'); jQuery('.p_r.four').addClass('active'); setCookie('product_num_row',4,1); break; case 6: jQuery('.product-miniature').addClass('claue-col-md-2'); jQuery('.product-miniature').removeClass('claue-col-md-3'); jQuery('.product-miniature').removeClass('claue-col-md-4'); jQuery('.product-miniature').removeClass('claue-col-md-6'); jQuery('.product-miniature').removeClass('claue-col-md-12'); jQuery('.p_r.six').addClass('active'); setCookie('product_num_row',6,1); break; default: jQuery('.product-miniature').addClass('claue-col-md-3'); jQuery('.product-miniature').removeClass('claue-col-md-4'); jQuery('.product-miniature').removeClass('claue-col-md-2'); jQuery('.product-miniature').removeClass('claue-col-md-6'); jQuery('.product-miniature').removeClass('claue-col-md-12'); jQuery('.p_r.four').addClass('active'); setCookie('product_num_row',4,1); } */ } function backToTop() { var el = jQuery( '#jas-backtop' ); jQuery( window ).scroll(function() { if( jQuery( this ).scrollTop() > jQuery( window ).height() ) { el.show(); } else { el.hide(); } }); el.click( function() { jQuery( 'body,html' ).animate({ scrollTop: 0 }, 500); return false; }); } jQuery(document).ready(function(){ jQuery.fn.revealItems = function(jQueryitems){ var iso = this.data('isotope'); var itemSelector = iso.options.itemSelector; jQueryitems.hide(); jQuery(this).append(jQueryitems); jQueryitems.imagesLoaded().progress(function(imgLoad, image){ var jQueryitem = jQuery(image.img).parents(itemSelector); jQueryitem.show(); iso.appended(jQueryitem); }); return this; } var wcInitPopupVideo = function() { if ( jQuery( '.p-video' ).length > 0 ) { jQuery( '.jas-popup-url' ).magnificPopup({ disableOn: 0, type: 'iframe', }); jQuery( '.jas-popup-mp4' ).magnificPopup({ disableOn: 0, type: 'inline', }); } } backToTop(); wcInitSwitchLayout(); initMasonryList(); jQuery(window).load(function(){ /* if (jQuery('.images-container:not(.images-container-thumboutside-quickview) .product_sticky2_scroll').length != ''){ jQuery(".images-container:not(.images-container-thumboutside-quickview) .product_sticky2_scroll").stick_in_parent(); } if (jQuery('.product_sticky .product_sticky2_scroll').length != ''){ jQuery(".product_sticky .product_sticky2_scroll").stick_in_parent(); } if (jQuery('.product_sticky2 .product_sticky2_scroll').length != ''){ jQuery(".product_sticky2 .product_sticky2_scroll").stick_in_parent(); } */ if(jQuery('.panel-instagram .panel-instagram-list').length) { jQuery('.panel-instagram .panel-instagram-list').owlCarousel({ items: 6, loop: true, center: false, autoWidth: false, rtl: false, autoHeight: false, autoplay: true, autoplayTimeout: 5000, autoplayHoverPause: true, nav: true, dots: false, navText: '', navElement: 'button', navClass: ['owl-prev fa fa-angle-left', 'owl-next fa fa-angle-right'], responsive: { 0 : {items: 1, loop: true}, 479 : {items: 3, loop: jQuery('.sbi_images .sbi_item').length > 2}, 768 : {items: 4, loop: jQuery('.sbi_images .sbi_item').length > 3}, 992 : {items: 6, loop: jQuery('.sbi_images .sbi_item').length > 5} }, }); } }); }); jQuery(window).scroll(function(){ jQuery('.load_more_link').each(function(){ if(isScrolledIntoView(jQuery(this))){ if(jQuery('.load_more_link').is(':visible')) //alert("ok"); jQuery('.load_more_link').click(); } else{ // jQuery(this).children('span').text('invisible'); } }); }); function isScrolledIntoView(elem){ var jQueryelem = jQuery(elem); var jQuerywindow = jQuery(window); var docViewTop = jQuerywindow.scrollTop(); var docViewBottom = docViewTop + jQuerywindow.height(); var elemTop = jQueryelem.offset().top; var elemBottom = elemTop + jQueryelem.height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); }