cart-drawer-trigger"]') || headerActions.querySelector('button[aria-controls="cart-drawer"]') || headerActions.querySelector('cart-icon') || headerActions.querySelector('.header-actions__cart-icon') || headerActions.querySelector('a[href="/cart"]') ); } function injectStyles() { if (document.getElementById(STYLE_ID)) return; var s = document.createElement('style'); s.id = STYLE_ID; s.textContent = '#wishlist-header-btn.header-actions__action {' + 'position: relative !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'min-width: var(--button-size, 44px) !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + 'cursor: pointer !important;' + 'color: var(--color-foreground) !important;' + 'margin-left: ' + HEART_MARGIN_LEFT + ' !important;' + 'margin-right: ' + HEART_MARGIN_RIGHT + ' !important;' + 'padding: 0 !important;' + 'overflow: visible !important;' + 'visibility: visible !important;' + 'opacity: 1 !important;' + '}' + '#wishlist-header-btn .wishlist-header-icon {' + 'position: relative !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + '}' + '#wishlist-header-btn .wishlist-icon-wrap {' + 'position: static !important;' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + '}' + '#wishlist-header-btn .svg-wrapper {' + 'display: flex !important;' + 'align-items: center !important;' + 'justify-content: center !important;' + 'width: var(--button-size, 44px) !important;' + 'height: var(--button-size, 44px) !important;' + '}' + '#wishlist-header-btn svg {' + 'width: ' + HEART_ICON_WIDTH + 'px !important;' + 'height: ' + HEART_ICON_HEIGHT + 'px !important;' + 'display: block !important;' + 'stroke: ' + HEART_STROKE_COLOR + ' !important;' + '}' + '#wishlist-header-btn > .wishlist-count-bubble {' + 'position: absolute !important;' + 'width: 1px !important;' + 'height: 1px !important;' + 'overflow: hidden !important;' + 'clip: rect(0, 0, 0, 0) !important;' + 'pointer-events: none !important;' + 'border: 0 !important;' + 'padding: 0 !important;' + 'margin: -1px !important;' + '}' + '#wishlist-header-btn .wishlist-header-count.cart-bubble {' + 'position: absolute !important;' + 'width: 20px !important;' + 'top: 4.5px !important;' + 'right: 2.5px !important;' + '}' + '#wishlist-header-btn .wishlist-header-count:not(.has-items) {' + 'display: none !important;' + 'visibility: hidden !important;' + '}' + '@media screen and (max-width: 749px) {' + 'header-actions {' + 'grid-column: rightA-start / rightB-end !important;' + 'justify-content: flex-start !important;' + 'gap: 6px !important;' + 'margin-left: -28px !important;' + 'margin-inline-start: -28px !important;' + '}' + 'header-actions .account-button {' + 'padding-left: 0 !important;' + 'margin-left: 0 !important;' + 'justify-content: flex-start !important;' + '}' + '#wishlist-header-btn.header-actions__action,' + '#wishlist-header-btn .wishlist-header-icon,' + '#wishlist-header-btn .wishlist-icon-wrap,' + '#wishlist-header-btn .svg-wrapper {' + 'min-width: 28px !important;' + 'width: 28px !important;' + 'height: 28px !important;' + '}' + '#wishlist-header-btn .wishlist-header-count.cart-bubble {' + 'width: 16px !important;' + 'top: 0px !important;' + 'right: -2px !important;' + '}' + 'header-actions .header-actions__cart-icon,' + 'header-actions .header-actions__cart-icon .svg-wrapper {' + 'min-width: 28px !important;' + 'width: 28px !important;' + 'height: 28px !important;' + '}' + 'header-actions .header-actions__cart-icon {' + '--cart-bubble-size: 16px !important;' + '--cart-bubble-top: 0px !important;' + '--cart-bubble-right: 0px !important;' + '}' + 'header-actions .header-actions__cart-icon.header-actions__cart-icon--has-cart svg {' + 'mask: none !important;' + '}' + 'header-actions [data-testid="cart-drawer-trigger"],' + 'header-actions .action__cart {' + 'min-width: 28px !important;' + 'width: 28px !important;' + '}' + 'header-actions .account-button,' + 'header-actions .account-button shopify-account {' + 'min-width: 28px !important;' + 'width: 28px !important;' + 'height: 28px !important;' + '}' + 'header-actions .account-button__icon {' + 'transform: translate(-7px, -8px) !important;' + '}' + '}'; document.head.appendChild(s); } function ensureWishlistShell(btn) { window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; btn.classList.add('header-actions__action'); var iconShell = btn.querySelector('.wishlist-header-icon'); if (!iconShell) { iconShell = document.createElement('span'); iconShell.className = 'header-actions__cart-icon wishlist-header-icon'; var wrap = btn.querySelector('.wishlist-icon-wrap'); if (wrap) { iconShell.appendChild(wrap); } btn.insertBefore(iconShell, btn.firstChild); } var wrap = btn.querySelector('.wishlist-icon-wrap'); if (!wrap) return btn; if (!wrap.querySelector('.svg-wrapper')) { var svgWrapper = document.createElement('span'); svgWrapper.className = 'svg-wrapper'; svgWrapper.setAttribute('aria-hidden', 'true'); while (wrap.firstChild) { svgWrapper.appendChild(wrap.firstChild); } wrap.appendChild(svgWrapper); } var bubble = btn.querySelector('.wishlist-count-bubble'); if (wrap.contains(bubble)) { btn.appendChild(bubble); } if (!bubble) { btn.insertAdjacentHTML( 'beforeend', '' ); bubble = btn.querySelector('.wishlist-count-bubble'); } if (bubble) { bubble.setAttribute('hidden', ''); bubble.setAttribute('aria-hidden', 'true'); } var display = iconShell.querySelector('.wishlist-header-count'); if (!display) { display = document.createElement('div'); display.className = 'cart-bubble wishlist-header-count'; display.setAttribute('data-maintain-ratio', ''); display.innerHTML = '' + '' + '' + ''; iconShell.appendChild(display); } return btn; } function getWishlistHeaderCount(btn) { btn = btn || document.getElementById('wishlist-header-btn'); if (!btn) return 0; var bubble = btn.querySelector('.wishlist-count-bubble'); var numberEl = bubble && bubble.querySelector('.wishlist-count-number'); if (numberEl && numberEl.textContent.trim()) { return parseInt(numberEl.textContent, 10) || 0; } if (window.wishlistPage && Array.isArray(window.wishlistPage.wishlistItems)) { return window.wishlistPage.wishlistItems.length; } return 0; } function syncWishlistCountDisplay() { var btn = document.getElementById('wishlist-header-btn'); if (!btn) return; var count = getWishlistHeaderCount(btn); var display = btn.querySelector('.wishlist-header-count'); var numberEl = display && display.querySelector('.wishlist-count-display'); if (numberEl) { numberEl.textContent = count > 0 ? String(count) : ''; } if (display) { display.classList.toggle('has-items', count > 0); display.classList.toggle('visually-hidden', count === 0); } } function refreshWishlistHeaderCount() { try { if (window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function') { window.wishlistPage.updateExternalCounts(); } } catch (_) {} ensureWishlistShell(document.getElementById('wishlist-header-btn')); syncWishlistCountDisplay(); } function applySvgStyles(btn) { var svg = btn.querySelector('svg'); if (!svg) return; svg.setAttribute('width', HEART_ICON_WIDTH); svg.setAttribute('height', HEART_ICON_HEIGHT); svg.setAttribute('fill', 'none'); svg.setAttribute('stroke', HEART_STROKE_COLOR); svg.setAttribute('viewBox', '0 0 24 24'); svg.setAttribute('aria-hidden', 'true'); svg.setAttribute('focusable', 'false'); svg.style.width = HEART_ICON_WIDTH + 'px'; svg.style.height = HEART_ICON_HEIGHT + 'px'; svg.style.display = 'block'; svg.querySelectorAll('path, circle, line, rect, polygon').forEach(function (el) { el.setAttribute('stroke', HEART_STROKE_COLOR); el.setAttribute('fill', 'none'); el.setAttribute('stroke-linecap', 'round'); el.setAttribute('stroke-linejoin', 'round'); el.setAttribute('stroke-width', HEART_STROKE_WIDTH); el.style.stroke = HEART_STROKE_COLOR; el.style.strokeWidth = HEART_STROKE_WIDTH + 'px'; }); } function reorderWishlistButton(btn) { var headerActions = getHeaderActions(); if (!headerActions || !btn) return; var cart = getCartAnchor(); if (!cart) { if (btn.parentNode !== headerActions) headerActions.appendChild(btn); return; } var cartTop = cart; while (cartTop.parentNode && cartTop.parentNode !== headerActions) { cartTop = cartTop.parentNode; } if (btn.parentNode !== headerActions) { headerActions.insertBefore(btn, cartTop); return; } if (cartTop.previousElementSibling !== btn) { headerActions.insertBefore(btn, cartTop); } } function wireWishlistClick(btn) { if (!btn || btn.dataset.clickWired) return; btn.addEventListener('click', function (e) { e.preventDefault(); e.stopImmediatePropagation(); var page = window.wishlistPage; if (page) { if (page.navigateOnly && !page.embeddedFullPage) { var url = page.config && page.config.dedicatedPageUrl; if (url) window.location.assign(url); return; } page.toggle(page.hasDrawer ? 'drawer' : 'modal'); return; } if (window.MagicWishlist && window.MagicWishlist.open) { window.MagicWishlist.open(); return; } var dedicatedUrl = window.wishlistConfig && window.wishlistConfig.dedicatedPageUrl; if (dedicatedUrl) window.location.assign(dedicatedUrl); }, true); btn.dataset.clickWired = '1'; } function syncWishlistHeader() { var btn = document.getElementById('wishlist-header-btn'); if (!btn) return false; injectStyles(); ensureWishlistShell(btn); applySvgStyles(btn); wireWishlistClick(btn); reorderWishlistButton(btn); return true; } function scheduleSync() { if (debounceTimer) return; debounceTimer = window.setTimeout(function () { debounceTimer = null; if (syncWishlistHeader()) refreshWishlistHeaderCount(); }, 120); } function startHeaderObserver() { if (observerStarted || typeof MutationObserver === 'undefined') return; observerStarted = true; var root = document.querySelector('#header-component') || document.querySelector('header.header') || document.body; new MutationObserver(scheduleSync).observe(root, { childList: true, subtree: true, }); } function boot() { startHeaderObserver(); if (syncWishlistHeader()) { refreshWishlistHeaderCount(); return; } var attempts = 0; var interval = window.setInterval(function () { attempts++; if (syncWishlistHeader()) { refreshWishlistHeaderCount(); window.clearInterval(interval); return; } if (attempts >= 40) window.clearInterval(interval); }, 100); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot, { once: true }); } else { boot(); } document.addEventListener('wishlist:updated', refreshWishlistHeaderCount); window.addEventListener('wishlist:updated', refreshWishlistHeaderCount); })();

Country/Region

Country/Region

Autism Beaded Bracelet

You may also like

Sign up for our newsletter