Untitled
unknown
plain_text
21 days ago
11 kB
0
Indexable
Never
(function () { try { /* main variables */ var debug = 0; var variation_name = ""; /* all Pure helper functions */ function waitForElement(selector, trigger, delayInterval, delayTimeout) { var interval = setInterval(function () { if ( document && document.querySelector(selector) && document.querySelectorAll(selector).length > 0 ) { clearInterval(interval); trigger(); } }, delayInterval); setTimeout(function () { clearInterval(interval); }, delayTimeout); } var seeAllLink = `<div class="eg-link enhanced-nav-shop-all text-lg-center d-none d-lg-block"> <a href="/yankee-shopbyfragrance.html" class="dropdown-link btn-link text14-14-16">See All <span class="fa icon-next" aria-hidden="true"></span></a> </div>`; var shopAllLink = `<div class="eg-link enhanced-nav-shop-all text-lg-center d-none d-lg-block"> <a href="/yankee-candle/sale/" class="dropdown-link btn-link text14-14-16">Shop All Sale <span class="fa icon-next" aria-hidden="true"></span></a> </div>`; function init2() { var insertInterval = setInterval(function () { if(!document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link svg')){ var egPayments = document.querySelectorAll('nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link'); for (var i = 0; i < egPayments.length; i++) { var egPayment = egPayments[i]; var egPaymentText = egPayment.innerHTML; var egPaymentDetail = egPaymentText + arrow; egPayment.innerHTML = egPaymentDetail; } } }, 20); setTimeout(function () { clearInterval(insertInterval); }, 8000); setTimeout(function () { document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block #menu-yankeecandle-shopbyfragrance').insertAdjacentHTML('beforeend', seeAllLink); document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block #menu-yankeecandle-sale').insertAdjacentHTML('beforeend', shopAllLink); }, 2000); function init() { // var egBackground = document.querySelectorAll('nav .navbar-nav > .nav-item.dropdown.d-lg-block > .menu-link-content > .enhanced-nav'); // for (i = 0; i < egBackground.length; i++) { // egBackground[i].insertAdjacentHTML('afterend', '<div class="eg-content-bg"></div>'); // } var egNav = document.querySelectorAll('nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link[href]'); egNav.forEach(function (val) { val.parentElement.addEventListener('mouseover', function (e) { console.log('init0'); // e.preventDefault(); //e.stopImmediatePropagation(); //e.stopPropagation(); }); val.addEventListener('click', function () { var self = this; document.querySelectorAll('nav .navbar-nav > .nav-item.dropdown.d-lg-block').forEach(function(item, index) { if(item != self.parentElement) { item.classList.remove('eg-active'); document.body.classList.remove('eg-menu-open'); } }) this.parentElement.classList.toggle('eg-active'); document.body.classList.toggle('eg-menu-open'); if(this.parentElement.classList.contains('eg-active')) { this.parentElement.querySelector('.eg-content-bg') && this.parentElement.querySelector('.eg-content-bg').remove(); this.parentElement.querySelector('.menu-link-content > .enhanced-nav').insertAdjacentHTML('afterend', '<div class="eg-content-bg"></div>'); } else { document.body.classList.remove('eg-menu-open'); } if(this.parentElement.querySelector('.eg-content-bg')) { setTimeout(function() { self.parentElement.querySelector('.eg-content-bg').style.height = self.parentElement.querySelector('.menu-link-content .enhanced-nav').clientHeight + 'px'; console.log(self.parentElement.querySelector('.eg-content-bg'), ' >>>>> ' , self.parentElement.querySelector('.menu-link-content').clientHeight); }, 50); } }); val.removeAttribute('href'); }); document.body.insertAdjacentHTML('beforeend', '<div class=" eg-overlay"><div class="underlay-menu"></div></div>'); document.querySelector('.eg-overlay').addEventListener('click', function() { document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active') && document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active').classList.remove('eg-active'); document.body.classList.remove('eg-menu-open'); }) // document.querySelectorAll('header .home-banner > .header-banner, header .home-banner > .header-row-brands, header .home-banner > .header').forEach(function(item) { // item.addEventListener('click', function() { // console.log('clicked >>>>') // document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active') && document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active').classList.remove('eg-active'); // document.body.classList.remove('eg-menu-open'); // }) // }) document.querySelector('header .home-banner').addEventListener('click', function(e) { if(!e.target.closest('.home-banner > .main-menu')) { document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active') && document.querySelector('nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active').classList.remove('eg-active'); document.body.classList.remove('eg-menu-open'); } }) } /* Initialise variation */ waitForElement('nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link[href]', init, 100, 25000); } /* Initialise variation */ waitForElement("nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link", init2, 100, 25000); } catch (e) { if (debug) console.log(e, "error in Test" + variation_name); } })(); @media (min-width: 992px){ nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link svg{ margin-left: 5px; } nav .navbar-nav > .nav-item.dropdown.d-lg-block:hover > .nav-link svg path, nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active > .nav-link svg path { fill: #ffffff; } nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active > .nav-link svg { transform: rotate(180deg); } nav .navbar-nav > .nav-item.dropdown.d-lg-block #menu-yankeecandle-sale, nav .navbar-nav > .nav-item.dropdown.d-lg-block #menu-yankeecandle-shopbyfragrance{ flex-direction: column; justify-content: flex-start; } .eg-link .icon-next::before { content: '\F105'; } .eg-link { padding-bottom: 20px; } nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active > .nav-link svg path { fill: #ffffff; } } @media (min-width: 992px){ .eg-menu-open header.sticky-nav-desktop .main-menu.menu-toggleable-left.navbar-toggleable-lg { display: block !important; } .eg-menu-open header.sticky-nav-desktop .main-menu.menu-toggleable-left.navbar-toggleable-lg, .eg-menu-open header.sticky-nav-desktop .navbar.bg-inverse .navbar-nav { height: 2.5rem; } body.eg-menu-open.sticky-nav-desktop .eg-overlay{ top: 0; } .eg-menu-open .eg-overlay, .eg-overlay .underlay { position: absolute; left: 0; width: 100%; height: 100%; z-index: 100; text-align: center; } .eg-menu-open .eg-overlay .underlay-menu { opacity: .4; position: absolute; background-color: #000; left: 0; width: 100%; height: 100%; z-index: 100; text-align: center; } body:not(.eg-menu-open) .searchOverlay.menu.eg-overlay, .searchOverlay.menu:not(.eg-overlay), html body .main-menu.menu-toggleable-left .navbar-nav .menu-content.show{ display: none !important; } .eg-menu-open .searchOverlay.menu.eg-overlay{ display: block !important; } nav .navbar-nav > .nav-item.dropdown.d-lg-block.eg-active .menu-content{ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } nav .navbar-nav #menu-yankeecandle-discover-yankee-candle, nav .navbar-nav #menu-yankeecandle-sale, nav .navbar-nav #menu-yankeecandle-shopbyfragrance{ width: 663.891px !important; max-width: 663.891px !important; } .eg-menu-open .main-menu .navbar-nav .eg-active .menu-content .menu-content-bg{ width: 100vw !important; height: 100% !important; background: #ffffff !important; -webkit-box-shadow: 0 0.3125rem 0.625rem -0.375rem rgba(0,0,0,.5); box-shadow: 0 0.3125rem 0.625rem -0.375rem rgba(0,0,0,.5); display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); background-color: #fff; } .eg-active > a { color: #ffffff !important; background-image: linear-gradient(to bottom,#2e3a3f,#2e3a3f) !important; } body.eg-menu-open { position: relative; } nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link{ cursor: pointer; padding: 0.5625rem .8rem !important; } .eg-active .menu-content-bg, .eg-active .dropdown-menu { display: block !important; } .menu-content-bg.show{ display: none !important; } /* .eg-active .menu-content-bg{ max-height: 270.031px; height: 270px; } */ .eg-content-bg{ -webkit-box-shadow: 0 0.3125rem 0.625rem -0.375rem rgba(0,0,0,.5); box-shadow: 0 0.3125rem 0.625rem -0.375rem rgba(0,0,0,.5); display: block; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); background-color: #fff; } .main-menu .navbar-nav .eg-active .menu-content .enhanced-nav ~ .menu-content-bg { display: none !important; } } @media (min-width: 992px) and (max-width: 1100px){ html body .navbar-expand-lg>.container{ max-width: 100% !important; } html body nav .navbar-nav > .nav-item.dropdown.d-lg-block > .nav-link { padding: 0.5625rem 0.5rem !important; } }