1var t = 0; 2var h = 0; 3var ct = 0; 4var b = 0; 5var header, headerContainer, headerSearchCart, topBar, body, headerHeight, LastScrollVal, headerVal, contactInfo, socialIconInnerParent, socialIconParent, headerSearchCartPositionResponsive, headerSearchCartPositionNonResponsive, topbBarInfoPosition, menuParent, portal, brandingInfo, portalResponsive, portalNonResponsive, mobileHeaderStyle; 6var scrollTopVal, headercontainerHeight, bannerLi, bannerBaseHeader, bannerArrowClass,darkHeader,responsiveSearchCartContainer,bannerThemecontainer,themeContentContainer,themeHeaderSixRes,themeHeaderSixResHeight,themeLogo,themeLogoHeight,themeLogoWidth,themeLogoHeightSlice,themeLogoWidthSlice,themeCurrencyList,themeCurrencyRes,themeCurrencyNonRes,themeSidebarContent,themeSidebarContentContainer,themeSidebarMobileContentContainer,hasHeaderSeven,langContainer,langNonResContainer,langResContainer,displayMode; 7 8function removeClass(element, className) { 9 element && (element.className = element.className.replace(new RegExp(className, 'g'), '')); 10} 11 12function addClass(element, className) { 13 element && element.classList.add(className); 14} 15 16function VariableInit() { 17 headerSearchCartPositionResponsive = document.querySelectorAll('[data-search-cart-position-responsive="zptheme-search-cart-position-responsive"]')[0]; 18 headerSearchCart = document.querySelectorAll('[data-theme-search-cart-group="zptheme-search-cart-group"]')[0]; 19 headerSearchCartPositionNonResponsive = document.querySelectorAll('[data-search-cart-position-non-responsive="zptheme-search-cart-position-non-responsive"]')[0]; 20 topbBarInfoPosition = document.querySelectorAll('[data-topbarinfo-position="zptheme-topbarinfo-position"]')[0]; 21 contactInfo = document.querySelectorAll('[data-contact-info="zptheme-contact-info"]')[0]; 22 menuParent = document.querySelectorAll('[data-non-res-menu="zptheme-menu-non-res"]')[0]; 23 socialIconParent = document.querySelectorAll('[data-socialicon-parent="zptheme-socialicon-parent"]')[0]; 24 socialIconInnerParent = document.querySelectorAll('[data-socialicon-inner-parent="zptheme-socialicon-inner-parent"]')[0]; 25 portal = document.querySelectorAll('[data-theme-portal="zptheme-portal"]')[0]; 26 topBar = document.querySelectorAll('[data-theme-topbar="zptheme-topbar"]')[0]; 27 brandingInfo = document.querySelectorAll('[data-theme-branding-info="zptheme-branding-info"]')[0]; 28 header = document.querySelectorAll('[data-header="zptheme-data-header"]')[0] || document.querySelectorAll('[data-header="zptheme-data-header-transparent"]')[0] || document.querySelectorAll('[data-header="none"]')[0]; 29 headerContainer = document.querySelectorAll('[data-headercontainer="zptheme-data-headercontainer"]')[0]; 30 portal = document.querySelectorAll('[data-theme-portal="zptheme-portal"]')[0]; 31 portalResponsive = document.querySelectorAll('[data-theme-portal-responsive="zptheme-portal-responsive"]')[0]; 32 portalNonResponsive = document.querySelectorAll('[data-theme-portal-non-responsive="zptheme-portal-non-responsive"]')[0]; 33 verticalMmenu = document.querySelectorAll('[data-theme-vertical-menu="zptheme-vertical-menu"]')[0]; 34 35 themeCurrencyList = document.querySelectorAll('[data-theme-currency-list-container]')[0]; 36 themeCurrencyRes = document.querySelectorAll('[data-theme-currency-placeholder-res]')[0]; 37 themeCurrencyNonRes = document.querySelectorAll('[data-theme-currency-placeholder-non-res]')[0]; 38 39 langContainer = $D.get('[data-theme-lang-container]'); 40 langNonResContainer = $D.get('[data-theme-lang-container-non-res]'); 41 langResContainer = $D.get('[data-theme-lang-container-res]'); 42 43 body = document.getElementsByTagName("body")[0]; 44 header = document.querySelectorAll('[data-header="zptheme-data-header"]')[0] || document.querySelectorAll('[data-header="zptheme-data-header-transparent"]')[0] || document.querySelectorAll('[data-header="none"]')[0]; 45 if(!header){ 46 return; 47 } 48 headerVal = header.getAttribute("data-header").trim(); 49 headerHeight = header.clientHeight; 50 headerContainer = document.querySelectorAll('[data-headercontainer="zptheme-data-headercontainer"]')[0]; 51 if(!headerContainer){ 52 return; 53 } 54 headercontainerHeight = headerContainer.clientHeight; 55 scrollTopVal = headercontainerHeight - headerHeight; 56 57 // VARIABLE FOR BANNER BASE HEADER TEXT COLOR 58 59 bannerBaseHeader = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 60 bannerLi = document.querySelectorAll('[data-element-type="heroslide"]'); 61 hero = document.querySelector('.zphero') 62 63 // VARIABLE FOR BANNER BASE HEADER TEXT COLOR END 64 65 responsiveSearchCartContainer = document.querySelectorAll('[data-theme-responsive-search-cart]')[0]; 66 responsiveSearchCartTopbar = document.querySelectorAll('[data-theme-responsive-search-cart-topbar]')[0]; 67 68 searchCartScrollPosition = document.querySelectorAll('[data-search-cart-scrollposition-non-responsive="zptheme-search-cart-scrollposition-non-responsive"]')[0]; 69 70 bannerThemecontainer = document.querySelectorAll('[data-themebanner="zptheme-banner"]')[0]; 71
72 themeContentContainer = document.querySelectorAll('[data-theme-content-container="theme-content-container"]')[0]; 73 74 themeHeaderSixRes = document.querySelectorAll('[data-theme-header-six-res="theme-header-six-res"]')[0]; 75 76 if(themeHeaderSixRes){ 77 themeHeaderSixResHeight = themeHeaderSixRes.clientHeight; 78 } 79 80 themeLogo = document.querySelectorAll('[data-zs-logo]')[0]; 81 if(themeLogo){ 82 themeLogoHeight = themeLogo.style.height; 83 themeLogoHeightSlice = Number(themeLogoHeight.slice(0,-2)); 84 themeLogoWidth = themeLogo.style.width; 85 themeLogoWidthSlice = Number(themeLogoWidth.slice(0,-2)); 86 } 87 88 // HEADER STYLE 07 89 90 hasHeaderSeven = headerContainer.classList.contains('zpheader-style-07'); 91 92 93 // SIDEBAR VARIABLES 94 95 themeSidebarContent = $D.get('[data-theme-sidebar-content]'); 96 themeSidebarContentContainer = $D.get('[data-theme-sidebar-content-container]'); 97 themeSidebarMobileContentContainer = $D.get('[data-theme-sidebar-mobile-content-container]'); 98 99 mobileHeaderStyle = $D.get('[data-zs-mobile-headerstyle]') 100 if(mobileHeaderStyle){ 101 mobileHeaderStyle = mobileHeaderStyle.getAttribute("data-zs-mobile-headerstyle"); 102 } 103} 104 105// ONSCROLL HEADER EFFECT 106function responsivechanges() { 107 if (!body) { 108 VariableInit(); 109 } 110 if(!headerContainer){ 111 return; 112 } 113 var offsetValLoad = window.pageYOffset; 114 115 if (document.documentElement.clientWidth > 992) { 116 if (topBar) { 117 topBar.removeAttribute('style'); 118 } 119 if(hasHeaderSeven && topBar && portal && headerSearchCart){ 120 if (portal.classList.contains('theme-portal-icon-enabled')) { 121 headerSearchCart.prepend(portal); 122 } 123 } 124 if (headerSearchCartPositionResponsive) { 125 headerSearchCartPositionResponsive.innerHTML = ''; 126 } 127 if (menuParent && menuParent.parentNode == contactInfo) { 128 menuParent.removeChild(contactInfo); 129 } 130 if (contactInfo && contactInfo.parentNode == socialIconInnerParent) { 131 contactInfo.removeChild(socialIconInnerParent); 132 } 133 if (socialIconParent) { 134 socialIconParent.appendChild(socialIconInnerParent); 135 var socialIconMoreBtn = document.querySelectorAll('[data-more-socialicon-parent]')[0]; 136 if (socialIconMoreBtn) { 137 $D.append(socialIconParent, socialIconMoreBtn); 138 } 139 } 140 if (headerSearchCart && headerSearchCartPositionNonResponsive) { 141 headerSearchCartPositionNonResponsive.appendChild(headerSearchCart); 142 } 143 if(responsiveSearchCartContainer && headerSearchCart){ 144 responsiveSearchCartContainer.innerHTML = ""; 145 } 146 if(headerContainer.className.indexOf('zpheader-style-02') >= 0 || headerContainer.className.indexOf('zpheader-style-03') >= 0){ 147 if(offsetValLoad < scrollTopVal && headerSearchCart && headerSearchCartPositionNonResponsive){ 148 headerSearchCartPositionNonResponsive.appendChild(headerSearchCart); 149 } 150 else if(menuParent && offsetValLoad > scrollTopVal && headerSearchCart && searchCartScrollPosition && header.className.indexOf('theme-header-animate') > -1){ 151 searchCartScrollPosition.appendChild(headerSearchCart); 152 } 153 } 154 if (contactInfo || contactInfo && !menuParent) { 155 topbBarInfoPosition.appendChild(contactInfo); 156 } 157 if (topBar && headerContainer.className.indexOf('zpheader-style-05') == -1) { 158 addClass(topBar, 'theme-topbar-not-in-header-05'); 159 } 160 if (portal && portalResponsive) { 161 portalResponsive.innerHTML = ''; 162 } 163 if (portalNonResponsive) { 164 portalNonResponsive.appendChild(portal); 165 } 166 if (!menuParent && !brandingInfo && headerSearchCart) { 167 header.setAttribute('style', 'display:flex'); 168 } 169 if(bannerThemecontainer){ 170 bannerThemecontainer.style.marginTop = '0px'; 171 } 172 if(themeContentContainer){
173 themeContentContainer.style.marginTop = '0px'; 174 } 175 if(menuParent){ 176 menuParent.style.maxHeight = "none"; 177 } 178 if(themeCurrencyList && themeCurrencyNonRes){ 179 themeCurrencyNonRes.appendChild(themeCurrencyList); 180 } 181 if(themeSidebarContent && themeSidebarMobileContentContainer){ 182 themeSidebarContentContainer.appendChild(themeSidebarContent); 183 } 184 removeClass(body,'theme-body-overflowhidden'); 185 } else { 186 if (topBar && (!headerSearchCart && !portal)) { 187 topBar.setAttribute('style', 'display:none'); 188 } 189 if(hasHeaderSeven && topBar && portal){ 190 if (topBar.querySelector('.zpcontainer') && portal.classList.contains('theme-portal-icon-enabled')) { 191 topBar.querySelector('.zpcontainer').appendChild(portal); 192 } 193 } 194 if ((topBar && headerSearchCart && headerSearchCartPositionResponsive && (headerSearchCart.parentElement !== headerSearchCartPositionResponsive)) || (headerSearchCart && verticalMmenu && headerSearchCartPositionResponsive && (headerSearchCart.parentElement !== headerSearchCartPositionResponsive)) || (hasHeaderSeven && headerSearchCart && headerSearchCartPositionResponsive && (headerSearchCart.parentElement !== headerSearchCartPositionResponsive))) { 195 headerSearchCartPositionResponsive.appendChild(headerSearchCart); 196 } 197 if(responsiveSearchCartContainer && headerSearchCart && !topBar && (headerSearchCart.parentElement !== responsiveSearchCartContainer)){ 198 responsiveSearchCartContainer.appendChild(headerSearchCart); 199 } 200 if(responsiveSearchCartContainer && headerSearchCart && topBar){ 201 addClass(responsiveSearchCartTopbar, 'theme-hide-responsive-topbar'); 202 } else if(responsiveSearchCartContainer && headerSearchCart && !topBar){ 203 removeClass(responsiveSearchCartTopbar, 'theme-hide-responsive-topbar'); 204 } 205 if (contactInfo && menuParent) { 206 menuParent.appendChild(contactInfo); 207 } 208 if ((contactInfo && socialIconInnerParent) && menuParent) { 209 contactInfo.appendChild(socialIconInnerParent); 210 211 } else if ((!contactInfo && socialIconInnerParent) && menuParent) { 212 menuParent.appendChild(socialIconInnerParent); 213 } 214 if (headerSearchCartPositionResponsive && headerSearchCartPositionNonResponsive && topBar || headerSearchCartPositionNonResponsive && verticalMmenu) { 215 headerSearchCartPositionNonResponsive.innerHTML = ''; 216 } 217 if (!menuParent && !brandingInfo && headerSearchCart && mobileHeaderStyle != '02') { 218 header.setAttribute('style', 'display:none'); 219 } 220 if (portal && portalResponsive) { 221 portalResponsive.appendChild(portal); 222 } 223 if(themeCurrencyList && themeCurrencyRes){ 224 themeCurrencyRes.appendChild(themeCurrencyList); 225 } 226 if(themeSidebarContent && themeSidebarMobileContentContainer){ 227 themeSidebarMobileContentContainer.appendChild(themeSidebarContent); 228 } 229 var deviceWidth = document.documentElement.clientWidth/2; 230 var deviceHeight = document.documentElement.clientHeight/2; 231 if(themeLogo && themeLogoHeightSlice >= deviceHeight || themeLogo && themeLogoWidthSlice >= deviceWidth){ 232 addClass(themeLogo,'mobileLogoAuto'); 233 } 234 if(menuParent){ 235 menuParent.style.maxHeight = ""; 236 } 237 } 238} 239 240function fullBannerHeaderColor(){ 241 if(hero){ 242 bannerBaseHeaderLength = bannerBaseHeader.length; 243 bannerLiLength = bannerLi.length; 244 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 245 var hasHeaderTwo = headerContainer.classList.contains('zpheader-style-02'); 246 var arrowContainer = document.getElementsByClassName('zsslider-arrows-container'); 247 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && hasHeaderSix == false && document.documentElement.clientWidth > 992) { 248 for (bl = 0; bl < bannerLiLength; bl++) { 249 if (bannerLi[bl].className.indexOf('zpdark-section') > -1 && bannerLi[bl].className.indexOf('curslide') > -1) { 250 for (bh = 0; bh < bannerBaseHeaderLength; bh++) { 251 addClass(bannerBaseHeader[bh], 'zpdark-header-portion'); 252 } 253 if (topBar) { 254 addClass(topBar, 'zpdark-header-portion'); 255 } 256 } else if ((bannerLi[bl].className.indexOf('zpdefault-section') > -1 && bannerLi[bl].className.indexOf('curslide') >
256 -1) || (bannerLi[bl].className.indexOf('zplight-section') > -1 && bannerLi[bl].className.indexOf('curslide') > -1)) { 257 for (bh = 0; bh < bannerBaseHeaderLength; bh++) { 258 removeClass(bannerBaseHeader[bh], 'zpdark-header-portion'); 259 } 260 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 261 removeClass(topBar, 'zpdark-header-portion'); 262 } 263 } 264 } 265 } 266 267 for(ac=0;ac<arrowContainer.length;ac++){ 268 var arrowSvg = arrowContainer[ac].getElementsByTagName('svg'); 269 for(asv=0;asv<arrowSvg.length;asv++){ 270 for (blsvg = 0; blsvg < bannerLiLength; blsvg++) { 271 if (bannerLi[blsvg].className.indexOf('zpdefault-section') > -1 && bannerLi[blsvg].className.indexOf('curslide') > -1 || bannerLi[blsvg].className.indexOf('zplight-section') > -1 && bannerLi[blsvg].className.indexOf('curslide') > -1) { 272 arrowSvg[asv].style.fill = '#404040'; 273 } 274 if (bannerLi[blsvg].className.indexOf('zpdark-section') > -1 && bannerLi[blsvg].className.indexOf('curslide') > -1){ 275 arrowSvg[asv].style.fill = '#fff'; 276 } 277 } 278 } 279 } 280 } 281} 282 283document.addEventListener("DOMContentLoaded", function(event) { 284 displayMode = displayMode(); 285 if(displayMode.isWebView){ 286 document.body.setAttribute('data-zs-display-mode','webview'); 287 } 288 responsivechanges(); 289 if(!headerContainer){ 290 return; 291 } 292 293 fullBannerHeaderColor(); 294 295 // MENU EVENT LISTENER 296 297 var menu = document.querySelector('[data-zp-theme-menu]'); 298 if(menu){ 299 menu.addEventListener('zsMenu:burgerIcon:open', onMobileMenuOpen); 300 menu.addEventListener('zsMenu:orientationchange', onMobileMenuOpen); 301 function onMobileMenuOpen() { 302 var currencyListClick = document.querySelector('[data-theme-currency-list-container]'); 303 var headercontainerHeightplus = headerContainer.clientHeight + 20; 304 var viewheight = document.documentElement.clientHeight; 305 var maxHeight = viewheight - headercontainerHeightplus; 306 if(themeHeaderSixRes){ 307 var themeHeaderSixResHeightPlus = themeHeaderSixRes.clientHeight + 20; 308 var maxHeight = viewheight - themeHeaderSixResHeightPlus; 309 } 310 body.setAttribute('data-theme-menu-max-height',maxHeight); 311 addClass(body,'theme-body-overflowhidden'); 312 var menucloseid = document.getElementById('themeMenuAnimateEnd'); 313 if(menucloseid){ 314 menucloseid.parentElement.removeChild(menucloseid); 315 } 316 317 var menuAnimateStyle = document.createElement('style'); 318 menuAnimateStyle.id = "themeMenuAnimate"; 319 menuAnimateStyle.type = "text/css"; 320 var cssText = document.createTextNode('.theme-responsive-menu-area.theme-navigation-and-icons .theme-menu-area .theme-menu.theme-toggle-animate{max-height: '+maxHeight+'px;-webkit-animation: toggleAnimate 0.2s linear 1; -moz-animation: toggleAnimate 0.2s linear 1; -ms-animation: toggleAnimate 0.2s linear 1; -o-animation: toggleAnimate 0.2s linear 1; animation: toggleAnimate 0.2s linear 1;} @-webkit-keyframes toggleAnimate { from { max-height: 0px; } } @-moz-keyframes toggleAnimate { from { max-height: 0px; } } @-ms-keyframes toggleAnimate { from { max-height: 0px; } } @-o-keyframes toggleAnimate { from { max-height: 0px; } } @keyframes toggleAnimate { from { max-height: 0px; } }'); 321 menuAnimateStyle.appendChild(cssText); 322 document.getElementsByTagName('head')[0].appendChild(menuAnimateStyle); 323 if(currencyListClick){ 324 currencyListClick.removeEventListener('click',openCurrency); 325 currencyListClick.addEventListener('click',openCurrency); 326 } 327 } 328 329 menu.addEventListener('zsMenu:burgerIcon:close', function onMobileMenuClose() { 330 removeClass(body,'theme-body-overflowhidden'); 331 var maxHeight = body.getAttribute('data-theme-menu-max-height'); 332 var menuAnimateEndStyle = document.createElement('style'); 333 menuAnimateEndStyle.id = "themeMenuAnimateEnd"; 334 menuAnimateEndStyle.type = "text/css"; 335 var cssText = document.createTextNode('.theme-responsive-menu-area.theme-navigation-and-icons .theme-menu-area .theme-menu.theme-toggle-animate-end{max-height:0px;-webkit-animation: toggleAnimateEnd 0.2s linear 1; -moz-animation: toggleAnimateEnd 0.2s linear 1; -ms-animation: toggleAnimateEnd 0.2s linear 1; -o-animation: toggleAnimateEnd 0.2s linear 1; animation: toggleAnimateEnd 0.2s linear 1;} @-webkit-keyframes toggleAnimateEnd { from { max-height: '+maxHeight+'px; visibility: visible; } } @-moz-keyframes toggleAnimateEnd { from { max-height: '+maxHeight+'px; visibility: visible; } } @-ms-keyframes toggleAnimateEnd { from { max-height: '+maxHeight+'px; visibility: visible; } } @-o-keyframes toggleAnimateEnd { from { max-height: '+maxHeight+'px; visibility: visible; } } @keyframes toggleAnimateEnd { from { max-height: '+maxHeight+'px; visibility: visible; } }'); 336 menuAnimateEndStyle.appendChild(cssText); 337 document.getElementsByTagName('head')[0].appendChild(menuAnimateEndStyle); 338 339 var menuopenid = document.getElementById('themeMenuAnimate'); 340 if(menuopenid){ 341 menuopenid.parentElement.removeChild(menuopenid); 342 } 343 }); 344 } 345 346 // BANNER BASED HEADER TEXT COLOR STARTS 347 348 if (hero) { 349 hero.addEventListener('sliderActive:changed', function(e) { 350 var data = e.detail; 351 var slide = data.slide; 352 var bannerLi = hero.querySelectorAll('[data-element-type="heroslide"]'); 353 var bannerBaseHeader = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 354 bannerBaseHeaderLength = bannerBaseHeader.length; 355 bannerLiLength = bannerLi.length; 356 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 357 headercontainerHeight = headerContainer.clientHeight; 358 offsetVal = window.pageYOffset; 359 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && hasHeaderSix == false && offsetVal <= headercontainerHeight && document.documentElement.clientWidth > 992) { 360 for (bhl = 0; bhl < bannerBaseHeaderLength; bhl++) { 361 if (bannerBaseHeader[bhl].className.indexOf('zpdark-header-portion') > -1) { 362 removeClass(bannerBaseHeader[bhl], 'zpdark-header-portion'); 363 } 364 } 365 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 366 removeClass(topBar, 'zpdark-header-portion'); 367 } 368 if (slide.className.indexOf('zpdark-section') > -1) { 369 for (bhl = 0; bhl < bannerBaseHeaderLength; bhl++) { 370 addClass(bannerBaseHeader[bhl], 'zpdark-header-portion'); 371 } 372 if (topBar) { 373 addClass(topBar, 'zpdark-header-portion'); 374 } 375 } 376 } 377
378 if (slide.className.indexOf('zplight-section') > -1 || slide.className.indexOf('zpdefault-section') > -1 ){ 379 var arrowContainer = document.getElementsByClassName('zsslider-arrows-container'); 380 for(ac=0;ac<arrowContainer.length;ac++){ 381 var arrowSvg = arrowContainer[ac].getElementsByTagName('svg'); 382 for(asv=0;asv<arrowSvg.length;asv++){ 383 arrowSvg[asv].style.fill = '#404040'; 384 } 385 } 386 } 387 else{ 388 var arrowContainer = document.getElementsByClassName('zsslider-arrows-container'); 389 for(ac=0;ac<arrowContainer.length;ac++){ 390 var arrowSvg = arrowContainer[ac].getElementsByTagName('svg'); 391 for(asv=0;asv<arrowSvg.length;asv++){ 392 arrowSvg[asv].style.fill = '#fff'; 393 } 394 } 395 } 396 397 }); 398 } 399 400 // BANNER BASED HEADER TEXT COLOR END 401 402 // EVENT DISPATCH FOR DOM CONTENT LOADED 403 404 var event = new Event('zs:header:dom', {}); 405 document.dispatchEvent(event); 406 mobileheader(); 407}); 408 409 410window.addEventListener('resize', function(event) { 411 responsivechanges(); 412 bannerLiScroll = document.querySelectorAll('[data-element-type="heroslide"]'); 413 bannerLiScrollLength = bannerLiScroll.length; 414 bannerBaseHeaderScrl = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 415 bannerBaseHeaderScrlLength = bannerBaseHeaderScrl.length; 416 headerContainer = document.querySelectorAll('[data-headercontainer="zptheme-data-headercontainer"]')[0]; 417 if(!headerContainer){ 418 return; 419 } 420 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 421 if (topBar) { 422 var darkTopbar = topBar.getAttribute('data-dark-part-applied').trim(); 423 } 424 if(hasHeaderSix == false){ 425 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 426 var darkHeader = bannerBaseHeaderScrl[bhscrl].getAttribute('data-dark-part-applied').trim(); 427 } 428 } 429 headerContainerChildren = headerContainer.children; 430 if(document.documentElement.clientWidth < 992){ 431 headerContainer.style.top = '0px'; 432 if(topBar){ 433 topBar.style.opacity = '1'; 434 } 435 } 436 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 437 var bannerDark = bannerLiScroll[bnrScrl].classList.contains('zpdark-section'); 438 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 439 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && bannerLiScroll[bnrScrl].className.indexOf('zpdark-section') > -1 && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && hasHeaderSix == false && document.documentElement.clientWidth > 768 && document.documentElement.clientWidth < 1028) { 440 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 441 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 442 } 443 if (topBar) { 444 addClass(topBar, 'zpdark-header-portion'); 445 } 446 } 447 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && hasHeaderSix == false && bannerDark == false && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && document.documentElement.clientWidth > 768 && document.documentElement.clientWidth < 1028) { 448 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 449 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 450 } 451 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 452 removeClass(topBar, 'zpdark-header-portion'); 453 } 454 } 455 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && document.documentElement.clientWidth < 992) { 456 if(hasHeaderSix == false){ 457 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 458 var darkHeader = bannerBaseHeaderScrl[bhscrl].getAttribute('data-dark-part-applied').trim(); 459 if (darkHeader == 'true') { 460 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 461 } 462 if (darkHeader == 'false' && bannerBaseHeaderScrl[bhscrl].className.indexOf('zpdark-header-portion') > -1) { 463 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 464 } 465 } 466 } 467 if (topBar && darkTopbar == 'true') { 468 addClass(topBar, 'zpdark-header-portion'); 469 } 470 if (topBar && darkTopbar == 'false' && topBar.className.indexOf('zpdark-header-portion') > -1) { 471 removeClass(topBar, 'zpdark-header-portion'); 472 } 473 } 474 } 475 476 // CURRENCY RESIZE 477 478 var currencyListContainer = document.querySelector('[data-theme-currency-list-ul]'); 479 if(currencyListContainer){ 480 var currencyListClick = document.querySelector('[data-theme-currency-list-container]'); 481 var currencyContainerHeight = document.querySelector('[data-theme-currency-list-container]'); 482 var currencyPlaceHeight = document.querySelector('[data-theme-currency-placeholder-non-res]'); 483 var curHeight = currencyListContainer.firstChild.clientHeight; 484 if(window.innerWidth > 992){ 485 if(curHeight != 0){ 486 currencyPlaceHeight.style.height = curHeight+'px'; 487 currencyContainerHeight.style.height = curHeight+'px'; 488 } 489 } 490 else{ 491 currencyPlaceHeight.style.height = 'auto'; 492 currencyContainerHeight.style.height = 'auto'; 493 } 494 if(window.innerWidth < 992 ){ 495 currencyListContainer.addEventListener('click',function(){ 496 currencyListClick.removeEventListener('click',openCurrency); 497 }); 498 } 499 else{ 500 currencyListContainer.addEventListener('click',function(){ 501 currencyListClick.removeEventListener('click',openCurrency); 502 currencyListClick.addEventListener('click',openCurrency); 503 }); 504 } 505 } 506 507 // CURRENCY RESIZE END 508 509 // EVENT DISPATCH FOR RESIZING 510 511 var event = new Event('zs:header:resize', {}); 512 document.dispatchEvent(event); 513 drawerPlugin(); 514 fullBannerHeaderColor(); 515 hideLang(); 516 mobileheader(); 517}); 518 519window.addEventListener('scroll', function(event) { 520 if (!body) { 521 VariableInit(); 522 } 523 if(!headerContainer){ 524 return; 525 } 526 if(!header){ 527 return; 528 } 529 headerHeight = header.clientHeight; 530 headercontainerHeight = headerContainer.clientHeight; 531 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 532 headerContainerChildren = headerContainer.children; 533 headerContainerChildrenLength = headerContainerChildren.length; 534 offsetVal = window.pageYOffset; 535 536 bannerLiScroll = document.querySelectorAll('[data-element-type="heroslide"]'); 537 bannerLiScrollLength = bannerLiScroll.length; 538 bannerBaseHeaderScrl = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 539 bannerBaseHeaderScrlLength = bannerBaseHeaderScrl.length; 540 541 var menu = document.querySelector('[data-zp-theme-menu]'); 542 543 if(hasHeaderSix == false){ 544 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 545 var darkHeader = bannerBaseHeaderScrl[bhscrl].getAttribute('data-dark-part-applied').trim(); 546 } 547 } 548 549 // HEADER STATIC TO FIXED ANIMATION STARTS 550 551 if (offsetVal > headercontainerHeight) { 552 if (headerContainer.className.indexOf('theme-header-fixed') == -1) { 553 if (headerVal == 'zptheme-data-header') { 554 if (header.className.indexOf('theme-header-animate') == -1) { 555 header.className += ' theme-header-animate'; 556 } 557 } 558 if (headerVal == 'zptheme-data-header-transparent') { 559 if (header.className.indexOf('theme-header-animate') == -1) { 560 header.className += ' theme-header-animate'; 561 } 562 if (header.className.indexOf('theme-header-transparent') == -1) { 563 header.className += ' theme-header-transparent'; 564 } 565 } 566 header.setAttribute('style', 'animation:headerStart 0.8s linear 1 alternate'); 567 if (headerVal == 'zptheme-data-header' && window.innerWidth > 992 || headerVal == 'zptheme-data-header-transparent' && window.innerWidth > 992) { 568 body.style.paddingTop = headerHeight + 'px'; 569 } 570 } 571 if(topBar && window.innerWidth > 992){ 572 topBar.style.opacity = '0'; 573 } 574 if(menuParent && searchCartScrollPosition && window.innerWidth > 992 && (header.className.indexOf('theme-header-animate') > -1 || headerContainer.className.indexOf('theme-header-animate') > -1)){ 575 searchCartScrollPosition.appendChild(headerSearchCart); 576 } 577 if(menuParent && headerSearchCartPositionNonResponsive && searchCartScrollPosition && window.innerWidth > 992){ 578 headerSearchCartPositionNonResponsive.innerHTML = ""; 579 menu && templateUti.dispatchEvent(menu, 'zsMenu:rewrap'); 580 } 581 if(menuParent && searchCartScrollPosition && window.innerWidth > 992){ 582 addClass(menuParent,'theme-menu-align-left'); 583 } 584 } 585 else{ 586 if (headerVal == 'zptheme-data-header') { 587 header.className = header.className.replace('theme-header-animate', ''); 588 } 589 if (headerVal == 'zptheme-data-header-transparent') { 590 header.className = header.className.replace('theme-header-animate', ''); 591 header.className = header.className.replace('theme-header-transparent', ''); 592 } 593 header.setAttribute('style', 'animation:noTopBarAni 0.8s linear 1 alternate;'); 594 body.style.paddingTop = '0px'; 595 if(topBar && window.innerWidth > 992){ 596 topBar.style.opacity = '1'; 597 } 598 if(menuParent && headerSearchCartPositionNonResponsive && searchCartScrollPosition && window.innerWidth > 992){ 599 headerSearchCartPositionNonResponsive.appendChild(headerSearchCart); 600 menu && templateUti.dispatchEvent(menu, 'zsMenu:rewrap'); 601 } 602 if(menuParent && searchCartScrollPosition && window.innerWidth > 992){ 603 removeClass(menuParent,'theme-menu-align-left'); 604 } 605 } 606 607 // HEADER STATIC TO FIXED ANIMATION END 608 609 // FULL WIDTH BANNER HEADER FIXED START 610 611 if (headerContainer.className.indexOf('theme-header-fixed') > 0) { 612 scrollTopVal = headercontainerHeight-headerHeight; 613 if (window.innerWidth > 992) { 614 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;transition:none;'); 615 } 616 if (offsetVal >= headercontainerHeight) { 617 618 headerContainer.className = headerContainer.className.replace('theme-header-animate', ''); 619 if (headerVal == 'zptheme-data-header') { 620 headerContainer.className += ' theme-header-animate'; 621 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 622 if (window.innerWidth > 992 && darkHeader == 'true' && hasHeaderSix == false) { 623 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 624 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 625 } 626 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 627 topBar.className = topBar.className.replace('zpdark-header-portion', ''); 628 } 629 } 630 if (window.innerWidth > 992 && darkHeader == 'false' && hasHeaderSix == false) { 631 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 632 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 633 } 634 } 635 } 636 if (window.innerWidth > 992) { 637 headerContainer.setAttribute('style', 'top:' + (-scrollTopVal) + 'px;transition:0.3s linear;'); 638 } 639 } 640 header.className = header.className.replace('theme-header-transparent', ''); 641 if (headerVal == 'zptheme-data-header-transparent') { 642 643 headerContainer.className += ' theme-header-animate'; 644 header.className += ' theme-header-transparent'; 645 646 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 647 if (window.innerWidth > 992 && darkHeader == 'true' && hasHeaderSix == false) { 648 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 649 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 650 } 651 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 652 topBar.className = topBar.className.replace('zpdark-header-portion', ''); 653 } 654 } 655 if (window.innerWidth > 992 && darkHeader == 'false' && hasHeaderSix == false) { 656 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 657 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 658 } 659 } 660 } 661 if (window.innerWidth > 992) { 662 headerContainer.setAttribute('style', 'top:' + (-scrollTopVal) + 'px;transition:0.3s linear;'); 663 } 664 } 665 if (headerVal == '') { 666 if (window.innerWidth > 992) { 667 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;'); 668 } 669 } 670 } 671 if (offsetVal < LastScrollVal) { 672 673 if (offsetVal < headercontainerHeight) { 674 if (headerVal == '') { 675 if (window.innerWidth > 992) { 676 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;transition:0s linear;'); 677 } 678 } else { 679 if (window.innerWidth > 992) { 680 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;transition:0.3s linear;'); 681 } 682 } 683 headerContainer.className = headerContainer.className.replace('theme-header-animate', ''); 684 headerContainer.className = headerContainer.className.replace('theme-header-transparent', ''); 685 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 686 var bannerDark = bannerLiScroll[bnrScrl].classList.contains('zpdark-section'); 687 if (bannerLiScroll[bnrScrl].className.indexOf('zpdark-section') > -1 && hasHeaderSix == false && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && window.innerWidth > 992) { 688 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 689 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 690 } 691 if (topBar) { 692 addClass(topBar, 'zpdark-header-portion'); 693 } 694 } else if (bannerDark == false && hasHeaderSix == false && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && window.innerWidth > 992) { 695 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 696 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 697 } 698 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 699 removeClass(topBar, 'zpdark-header-portion'); 700 } 701 702 } 703 704 } 705 } 706 } 707 } 708 709 // FULL WIDTH BANNER HEADER FIXED END 710 711 LastScrollVal = offsetVal; 712 713 // EVENT DISPATCH FOR SCROLL 714 715 var event = new Event('zs:header:scroll', {}); 716 document.dispatchEvent(event); 717 718}); 719 720// ONSCROLL HEADER EFFECT END 721 722function toggleSearch(e) { 723 elem
723= e || window.event; 724 var elemParent = elem.closest('[data-zs-search-container]'); 725 var searchcont = elemParent.querySelector('[data-search="zptheme-search-container"]'); 726 var searchInput = elemParent.querySelector('[data-search-input="zptheme-search-input"]'); 727 var searchHideOverlay = elemParent.querySelector('[data-theme-search-overlay="theme-search-overlay"]'); 728 searchcont.style.display = 'block'; 729 searchHideOverlay.style.display = "block"; 730 searchInput.focus(); 731 searchHideOverlay.addEventListener('click',function(){ 732 searchcont.style.display = "none"; 733 searchHideOverlay.style.display = "none"; 734 searchInput.value = ""; 735 }); 736} 737 738var templateUti = { 739 dispatchEvent : function ( ctx, customEventType, details, capture ) { 740 741 function createCustomEvent( details ) { 742 743 var ev = null; 744 745 if (typeof CustomEvent === 'function') { 746 ev = new CustomEvent( customEventType, { 747 detail : details, 748 bubbles: true, 749 capture : !!capture 750 }); 751 } else { 752 ev = document.createEvent( 'CustomEvent' ); 753 754 ev.initCustomEvent( customEventType, true, true, details ); 755 } 756 757 return ev; 758 } 759 760 if (typeof ctx === 'string') { 761 capture = details; 762 details = customEventType; 763 customEventType = ctx; 764 ctx = document.body; 765 } 766 767 var evt = createCustomEvent( details ); 768 769 ctx.dispatchEvent( evt ); 770 } 771} 772function mobileheader(){ 773 if (document.documentElement.clientWidth < 992) { 774 if(mobileHeaderStyle == '03'){ 775 var mobileHeaderSearchInput = document.querySelector('[data-zs-mobile-header-search] [data-zs-search-input]'), 776 mobileHeaderSearchIcon = document.querySelector('[data-zs-mobile-header-search-icon]'), 777 mobileHeaderSearchBackButton = document.querySelector('[data-zs-mobile-header-search-back]'), 778 mobileHeaderSearchClearButton = document.querySelector('[data-zs-mobile-header-search-clear]'), 779 mobileHeaderClearSearchInput = ''; 780 if(window.location.href.indexOf("search-products") > -1){ 781 var mobileHeaderSearch = document.querySelector('[data-zs-mobile-header-search]'); 782 if(mobileHeaderSearch){ 783 mobileHeaderSearch.classList.add('theme-mobile-header-search-open'); 784 } 785 if(mobileHeaderSearchBackButton){ 786 mobileHeaderSearchBackButton.addEventListener('click',function(){ 787 history.go(-1); 788 }); 789 } 790 } 791 if(mobileHeaderSearchInput){ 792 mobileHeaderSearchInput.addEventListener('keyup',function(){ 793 if (this.value) { 794 this.closest('[data-zs-mobile-header-search]').querySelector('[data-zs-mobile-header-search-clear]').style.display = 'block'; 795 } else { 796 this.closest('[data-zs-mobile-header-search]').querySelector('[data-zs-mobile-header-search-clear]').style.display = 'none'; 797 } 798 }); 799 } 800 if(mobileHeaderSearchIcon){ 801 mobileHeaderSearchIcon.addEventListener('click',function(){ 802 this.closest('[data-zs-mobile-header-search]').classList.add('theme-mobile-header-search-open'); 803 this.closest('[data-zs-mobile-header-search]').querySelector('[data-zs-search-input]').focus(); 804 }); 805 } 806 if(mobileHeaderSearchBackButton){ 807 mobileHeaderSearchBackButton.addEventListener('click',function(){ 808 this.closest('[data-zs-mobile-header-search]').classList.remove('theme-mobile-header-search-open'); 809 }); 810 } 811 if(mobileHeaderSearchClearButton){ 812 mobileHeaderSearchClearButton.addEventListener('click',function(){ 813 mobileHeaderClearSearchInput = this.closest('[data-zs-mobile-header-search]').querySelector('[data-zs-search-input]'); 814 mobileHeaderClearSearchInput.value = "" 815 mobileHeaderClearSearchInput.focus(); 816 this.style.display = 'none'; 817 }); 818 } 819 var portalUserName = document.querySelector('[data-portal-profile]'), 820 portalLogoutParent = document.querySelector('[data-portal-logout]'); 821 if(portalUserName && portalLogoutParent && portalLogoutParent.parentNode){
822 portalUserName.appendChild(portalLogoutParent.parentNode); 823 } 824 drawerPlugin(); 825 }else if(mobileHeaderStyle == '02'){ 826 var mobileHeaderOpenSearchInput = document.querySelector('[data-zs-mobile-openstyle-searchbox] [data-zs-search-input]'); 827 if(mobileHeaderOpenSearchInput){ 828 mobileHeaderOpenSearchInput.blur(); 829 } 830 var menuclose = document.querySelector('[data-zp-theme-burger-icon]'); 831 if(menuclose && menuclose.classList.contains('theme-close-icon')){ 832 menuclose.click(); 833 } 834 var standalone = window.navigator.standalone || (window.matchMedia('(display-mode: standalone)').matches), 835 userAgent = window.navigator.userAgent.toLowerCase(), 836 safari = /safari/.test(userAgent), 837 ios = /iphone|ipod|ipad/.test(userAgent); 838 if (ios && !standalone && !safari) { //iOS webview check 839 var ishome = window.location.pathname === "/" ? true : false; 840 var mobileHeaderResponsiveGoBack = document.querySelector('[data-zs-mobile-header-responsive-goback]'), 841 mobileHeaderBranding = document.querySelector('[data-zs-branding]'), 842 mobileHeaderResponsiveMenuArea = document.querySelector('[data-zs-responsive-menu-area]'); 843 if(ishome){ 844 if(mobileHeaderResponsiveGoBack){ 845 mobileHeaderResponsiveGoBack.style.display = 'none'; 846 } 847 if(mobileHeaderBranding){ 848 mobileHeaderBranding.style.display = 'flex'; 849 } 850 if(mobileHeaderResponsiveMenuArea){ 851 mobileHeaderResponsiveMenuArea.style.flex = ''; 852 } 853 }else{ 854 if(mobileHeaderResponsiveGoBack){ 855 mobileHeaderResponsiveGoBack.style.display = 'flex'; 856 } 857 if(mobileHeaderBranding){ 858 mobileHeaderBranding.style.display = 'none'; 859 } 860 if(mobileHeaderResponsiveMenuArea){ 861 mobileHeaderResponsiveMenuArea.style.flex = '1 1 auto'; 862 } 863 } 864 } 865 } 866 } 867} 868 869function drawerPlugin(){ 870 var drawerPlugin = {}; 871 drawerPlugin.init = function() { 872 drawerPlugin.drawerWrapper = document.querySelector("[data-zs-drawer]"); 873 drawerPlugin.drawerOpenButton = document.querySelectorAll("[data-zs-drawer-open-button]"); 874 drawerPlugin.drawerCloseButton = document.querySelector("[data-zs-drawer-close-button]"); 875 876 if(drawerPlugin.drawerOpenButton){ 877 drawerPlugin.drawerOpenButton.forEach(function(drawerOpenButton){ 878 drawerOpenButton.addEventListener("click", function(){ 879 drawerPlugin.open(this.getAttribute('data-zs-drawer-open-button')); 880 }); 881 }); 882 } 883 if(drawerPlugin.drawerCloseButton){ 884 drawerPlugin.drawerCloseButton.addEventListener("click", function(){ 885 drawerPlugin.close(); 886 }); 887 } 888 } 889 drawerPlugin.open = function(targetContentSelector){ 890 var targetContent = document.querySelector("[data-zs-drawer-content="+targetContentSelector+"]"); 891 if(targetContent && drawerPlugin.drawerWrapper){ 892 drawerPlugin.drawerWrapper.classList.add('active'); 893 targetContent.classList.add('active'); 894 } 895 document.getElementsByTagName("body")[0].classList.add('theme-body-overflowhidden'); 896 } 897 drawerPlugin.close = function(){ 898 var activeDrawerContent = document.querySelector("[data-zs-drawer-content].active"); 899 if(activeDrawerContent && drawerPlugin.drawerWrapper){ 900 drawerPlugin.drawerWrapper.classList.remove('active'); 901 activeDrawerContent.classList.remove('active'); 902 } 903 document.getElementsByTagName("body")[0].classList.remove('theme-body-overflowhidden'); 904 } 905 drawerPlugin.init(); 906} 907 908function displayMode(){ 909 var standalone = window.navigator.standalone || (window.matchMedia('(display-mode: standalone)').matches), 910 userAgent = window.navigator.userAgent.toLowerCase(), 911 android = /android/.test(userAgent); 912 safari = /safari/.test(userAgent), 913 ios = /iphone|ipod|ipad/.test(userAgent) || navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1, 914 webview = (android && /; wv\)/.test(userAgent)) || (ios && !standalone && !safari), 915 displayMode = { 916 "standalone" : standalone, 917 "isWebView" : webview, 918 "platform" : ios ? 'ios' : android ? 'android' : 'other' 919 };
920 return displayMode; 921}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.