cart-drawer-trigger"], ' + 'header-actions a.action__cart, ' + 'header-actions cart-icon'; var BUTTON_ID = 'wishlist-header-btn'; var STYLE_ID = 'mw-mh-header-wishlist-v' + VERSION; var HEART_VIEWBOX = '0 0 20 20'; function pageUrl() { var cfg = window.wishlistConfig || {}; return cfg.dedicatedPageUrl || '/pages/wishlist'; } function pageLabel() { var cfg = window.wishlistConfig || {}; return ( (window.wishlistLanguage && window.wishlistLanguage.yourWishlist) || cfg.pageTitle || 'Wishlist' ); } function iconColorCss() { if (ICON.color && ICON.color !== 'theme') return ICON.color; return 'var(--color-foreground)'; } function iconStrokeCss() { if (ICON.stroke === 'custom' && ICON.strokeWidthPx > 0) { return ICON.strokeWidthPx + 'px'; } return 'var(--icon-stroke-width)'; } function iconSizeCss() { if (ICON.sizePx > 0) return ICON.sizePx + 'px'; return 'var(--icon-size-md)'; } function heartSvg() { return ( '' ); } function countBubbleHtml() { if (!ICON.showCount) return ''; return ( '' ); } function injectStyles() { var v; for (v = 1; v < VERSION; v++) { var old = document.getElementById('mw-mh-header-wishlist-v' + v); if (old && old.parentNode) old.parentNode.removeChild(old); } var css = '#' + BUTTON_ID + '.header-actions__action{' + 'position:relative!important;' + 'display:flex!important;' + 'align-items:center!important;' + 'justify-content:center!important;' + 'color:' + iconColorCss() + '!important;' + 'cursor:pointer!important;' + 'overflow:visible!important;' + 'padding:0!important;' + 'margin:0!important;' + 'background:transparent!important;' + 'border:0!important;' + '}' + '#' + BUTTON_ID + ' .svg-wrapper{' + 'height:var(--button-size)!important;' + 'width:var(--button-size)!important;' + 'display:flex!important;' + 'align-items:center!important;' + 'justify-content:center!important;' + '}' + '#' + BUTTON_ID + ' .svg-wrapper svg{' + 'width:' + iconSizeCss() + '!important;' + 'height:' + iconSizeCss() + '!important;' + 'display:block!important;' + 'fill:none!important;' + '}' + '#' + BUTTON_ID + ' .svg-wrapper svg path{' + 'stroke:currentColor!important;' + 'stroke-width:' + iconStrokeCss() + '!important;' + 'fill:none!important;' + 'vector-effect:non-scaling-stroke!important;' + '}' + '#' + BUTTON_ID + ' .wishlist-count-bubble{' + 'position:absolute!important;' + 'width:20px!important;' + 'top:4.5px!important;' + 'right:2.5px!important;' + 'display:none!important;' + 'pointer-events:none!important;' + 'z-index:1!important;' + '}' + '#' + BUTTON_ID + ' .wishlist-count-bubble.has-items{' + 'display:flex!important;' + '}' + HEADER_CONTAINER_SELECTOR + ' [data-wishlist-header]:not(#' + BUTTON_ID + '){display:none!important;}' + '.wishlist-heart-btn{--wh-active-color:' + HEART.fill + '!important;color:' + HEART.outline + '!important;}' + '.wishlist-heart-btn svg path,.wishlist-heart-btn .wh-outline path{' + 'stroke:' + HEART.outline + '!important;fill:none!important;stroke-width:var(--icon-stroke-width,1.5px)!important;}' + '.wishlist-heart-btn.is-active svg path,.wishlist-heart-btn.is-active .wh-fill path{' + 'fill:' + HEART.fill + '!important;stroke:' + HEART.fill + '!important;}' + '.wishlist-heart-btn.is-active .wh-outline path{stroke:' + HEART.fill + '!important;}' + ':root{--wishlist-page-btn-bg:' + BUTTON.background + '!important;--wishlist-page-btn-text:' + BUTTON.text + '!important;--magic-guest-nudge-btn-bg:' + BUTTON.background + '!important;--magic-guest-nudge-btn-text:' + BUTTON.text + '!important;}' + '.wishlist-btn,' + '.wishlist-drawer__add-to-cart,' + '.wishlist-drawer__checkout-btn,' + '.wishlist-modal-atc,' + '.wishlist-page-atc,' + '.wishlist-modal-add-all-btn,' + '.wishlist-page-add-all-btn{' + 'background:' + BUTTON.background + '!important;background-color:' + BUTTON.background + '!important;color:' + BUTTON.text + '!important;border-color:' + BUTTON.background + '!important;}' + '.wishlist-btn{' + 'border-radius:var(--style-border-radius-buttons-primary,11px)!important;' + 'font-family:var(--button-font-family-primary,inherit)!important;}' + '@media (max-width:749px){' + '.wishlist-btn,.wishlist-btn .wishlist-btn__text{' + 'font-size:' + (BUTTON.fontSizeMobile || '16px') + '!important;}' + '}' + '.wishlist-drawer__add-to-cart,' + '.wishlist-drawer__checkout-btn,' + '.wishlist-modal-atc,' + '.wishlist-page-atc,' + '.wishlist-modal-add-all-btn,' + '.wishlist-page-add-all-btn,' + '.magic-guest-nudge button.magic-guest-nudge__login-btn{' + 'border-radius:var(--style-border-radius-buttons-primary,11px)!important;}' + '.magic-guest-nudge button.magic-guest-nudge__login-btn{' + 'background:' + BUTTON.background + '!important;background-color:' + BUTTON.background + '!important;color:' + BUTTON.text + '!important;border-color:' + BUTTON.background + '!important;}' + '.wishlist-btn .wishlist-btn__text,' + '.wishlist-btn .wishlist-btn__icon,' + '.wishlist-drawer__add-to-cart-text,' + '.wishlist-drawer__checkout-text{' + 'color:' + BUTTON.text + '!important;}' + '.wishlist-btn svg path{' + 'stroke:' + BUTTON.text + '!important;}' + '.wishlist-btn.is-active svg path{' + 'fill:' + BUTTON.text + '!important;stroke:' + BUTTON.text + '!important;}'; var tag = document.getElementById(STYLE_ID); if (!tag) { tag = document.createElement('style'); tag.id = STYLE_ID; (document.head || document.documentElement).appendChild(tag); } tag.textContent = css; } function bindClick(btn) { if (!btn || btn.getAttribute('data-mw-mh-bound') === '1') return; btn.setAttribute('data-mw-mh-bound', '1'); btn.addEventListener( 'click', function (e) { var page = window.wishlistPage; if (!page) return; e.preventDefault(); e.stopPropagation(); if (typeof e.stopImmediatePropagation === 'function') { e.stopImmediatePropagation(); } if (page.navigateOnly && !page.embeddedFullPage) { var url = (page.config && page.config.dedicatedPageUrl) || pageUrl(); if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); }, true ); } function ensureMarkup(btn) { window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = !!ICON.showCount; btn.id = BUTTON_ID; btn.type = 'button'; btn.className = 'header-actions__action button-unstyled'; btn.setAttribute('data-wishlist-header', ''); btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', pageLabel()); var svg = btn.querySelector('svg'); var wrongView = svg && svg.getAttribute('viewBox') !== HEART_VIEWBOX; if (!svg || wrongView || !btn.querySelector('.svg-wrapper')) { var bubble = btn.querySelector('.wishlist-count-bubble'); var numEl = bubble && bubble.querySelector('.wishlist-count-number'); var textEl = bubble && bubble.querySelector('.wishlist-count-text'); var num = numEl ? numEl.textContent : ''; var txt = textEl ? textEl.textContent : ''; var hadItems = bubble && bubble.classList.contains('has-items'); btn.innerHTML = '' + countBubbleHtml(); bubble = btn.querySelector('.wishlist-count-bubble'); if (bubble) { if (num) { var n = bubble.querySelector('.wishlist-count-number'); if (n) n.textContent = num; } if (txt) { var t = bubble.querySelector('.wishlist-count-text'); if (t) t.textContent = txt; } if (hadItems) bubble.classList.add('has-items'); } } bindClick(btn); return btn; } function buildButton() { var btn = document.createElement('button'); ensureMarkup(btn); return btn; } function getContainer() { return ( document.querySelector('.header__column--right ' + HEADER_CONTAINER_SELECTOR) || document.querySelector(HEADER_CONTAINER_SELECTOR) ); } function getCartBlock(container) { if (!container) return null; var el = container.querySelector(CART_SELECTOR); if (!el) return null; while (el.parentElement && el.parentElement !== container) { el = el.parentElement; } return el; } function syncCount() { var btn = document.getElementById(BUTTON_ID); if (!btn || !ICON.showCount) return; try { if (window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function') { window.wishlistPage.updateExternalCounts(); } } catch (_) {} var count = 0; if (window.wishlistPage && typeof window.wishlistPage.getItemCount === 'function') { count = window.wishlistPage.getItemCount() || 0; } else if (window.wishlistPage && Array.isArray(window.wishlistPage.wishlistItems)) { count = window.wishlistPage.wishlistItems.length; } var bubble = btn.querySelector('.wishlist-count-bubble'); var num = btn.querySelector('.wishlist-count-number'); var text = btn.querySelector('.wishlist-count-text'); if (num) num.textContent = count > 0 ? String(count) : ''; if (text) { text.textContent = count > 0 ? count + (count === 1 ? ' item' : ' items') : ''; } if (bubble) bubble.classList.toggle('has-items', count > 0); } function placeButton() { var container = getContainer(); if (!container) return false; var btn = document.getElementById(BUTTON_ID); if (!btn) btn = buildButton(); ensureMarkup(btn); var cartBlock = getCartBlock(container); if (btn.parentNode !== container) { if (cartBlock && cartBlock.parentNode === container) { container.insertBefore(btn, cartBlock); } else { container.appendChild(btn); } } else if (cartBlock && cartBlock.parentNode === container && btn.nextElementSibling !== cartBlock) { container.insertBefore(btn, cartBlock); } return true; } function themeRadius(selectors, fallback) { for (var i = 0; i < selectors.length; i++) { var el = document.querySelector(selectors[i]); if (!el) continue; var radius = window.getComputedStyle(el).borderTopLeftRadius; if (radius && radius !== '0px') return radius; } return fallback; } function paintFilledButtons() { var productRadius = BUTTON.radiusProduct || themeRadius( ['.add-to-cart-button', '.product-form-buttons .button', 'button[name="add"]'], 'var(--style-border-radius-buttons-primary, 11px)' ); var drawerRadius = BUTTON.radiusDrawer || themeRadius( ['.cart__checkout-button', 'button[name="checkout"]', '.button'], 'var(--style-border-radius-buttons-primary, 11px)' ); var productBtns = document.querySelectorAll('.wishlist-btn'); for (var p = 0; p < productBtns.length; p++) { productBtns[p].style.setProperty('background-color', BUTTON.background, 'important'); productBtns[p].style.setProperty('background', BUTTON.background, 'important'); productBtns[p].style.setProperty('color', BUTTON.text, 'important'); productBtns[p].style.setProperty('border-color', BUTTON.background, 'important'); productBtns[p].style.setProperty('border-radius', productRadius, 'important'); if (window.innerWidth <= 749 && BUTTON.fontSizeMobile) { productBtns[p].style.setProperty('font-size', BUTTON.fontSizeMobile, 'important'); } } var drawerBtns = document.querySelectorAll( '.wishlist-drawer__add-to-cart, .wishlist-drawer__checkout-btn, ' + '.wishlist-modal-atc, .wishlist-page-atc, .wishlist-modal-add-all-btn, .wishlist-page-add-all-btn' ); for (var d = 0; d < drawerBtns.length; d++) { drawerBtns[d].style.setProperty('background-color', BUTTON.background, 'important'); drawerBtns[d].style.setProperty('background', BUTTON.background, 'important'); drawerBtns[d].style.setProperty('color', BUTTON.text, 'important'); drawerBtns[d].style.setProperty('border-color', BUTTON.background, 'important'); drawerBtns[d].style.setProperty('border-radius', drawerRadius, 'important'); } var loginBtns = document.querySelectorAll('.magic-guest-nudge button.magic-guest-nudge__login-btn'); for (var l = 0; l < loginBtns.length; l++) { loginBtns[l].style.setProperty('background-color', BUTTON.background, 'important'); loginBtns[l].style.setProperty('background', BUTTON.background, 'important'); loginBtns[l].style.setProperty('color', BUTTON.text, 'important'); loginBtns[l].style.setProperty('border-color', BUTTON.background, 'important'); loginBtns[l].style.setProperty('border-radius', drawerRadius, 'important'); } var nudges = document.querySelectorAll('.magic-guest-nudge'); for (var n = 0; n < nudges.length; n++) { nudges[n].style.setProperty('--magic-guest-nudge-btn-bg', BUTTON.background); nudges[n].style.setProperty('--magic-guest-nudge-btn-text', BUTTON.text); } document.documentElement.style.setProperty('--wishlist-page-btn-bg', BUTTON.background); document.documentElement.style.setProperty('--wishlist-page-btn-text', BUTTON.text); document.documentElement.style.setProperty('--magic-guest-nudge-btn-bg', BUTTON.background); document.documentElement.style.setProperty('--magic-guest-nudge-btn-text', BUTTON.text); } function sync() { injectStyles(); paintFilledButtons(); if (placeButton()) syncCount(); } sync(); document.addEventListener('wishlist:updated', syncCount); window.addEventListener('wishlist:updated', syncCount); document.addEventListener('shopify:section:load', sync); var tries = 0; var timer = window.setInterval(function () { tries += 1; sync(); if ((document.getElementById(BUTTON_ID) && window.wishlistPage) || tries >= 60) { window.clearInterval(timer); } }, 100); if (typeof MutationObserver === 'function') { var scheduled = false; new MutationObserver(function () { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; sync(); }); }).observe(document.documentElement, { childList: true, subtree: true }); } })();

Country/Region

Country/Region

Contact Mharit

Customers are saying