1"], ' + '.mw-premium-product-actions [data-wishlist-container][data-mw-wishlist-managed="1"]'; var COLLECTION_CARD_SELECTOR = '.productgrid--item[data-product-item], .productgrid--item, [data-product-item]'; var CART_SLOT_WIDTH = 50; var debounceTimer = null; var collectionDebounceTimer = null; var observerStarted = false; var collectionObserverStarted = false; var premiumObserverStarted = false; var wishlistDelegationInstalled = false; var mwSuppressCollectionObserver = false; var ANCHOR_SELECTORS = [ '.site-header-right', '.site-header-main .site-header-cart', '.site-header-cart', 'header.site-header', '[data-site-header]', ]; function buildHeartSvg() { return ( '' ); } function getConfigSignature() { return [ CONFIG.strokeWidth, CONFIG.iconWidth, CONFIG.iconHeight, CONFIG.spacingLeft, CONFIG.spacingRight, CONFIG.drawerZIndex, ].join(':'); } function buildWishlistButtonHtml() { return ( '' ); } function getActionsReserveMargin() { return 20 + CART_SLOT_WIDTH + CONFIG.spacingLeft; } function getWishlistRightOffset(desktop) { return (desktop ? CART_SLOT_WIDTH + 15 : CART_SLOT_WIDTH) + CONFIG.spacingRight; } function injectStyles() { var actionsReserve = getActionsReserveMargin(); var wishlistRightMobile = getWishlistRightOffset(false); var wishlistRightDesktop = getWishlistRightOffset(true); var css = '.wishlist-drawer{z-index:' + CONFIG.drawerZIndex + ' !important;}' + '.site-header-right.has-wishlist .site-header-actions__account-link{' + 'margin-right:' + actionsReserve + 'px !important;' + '}' + '#wishlist-header-btn.site-header-wishlist{' + 'position:absolute;' + 'top:10px;' + 'right:' + wishlistRightMobile + 'px;' + 'z-index:125;' + 'display:flex;' + 'align-items:center;' + 'justify-content:center;' + 'width:' + CART_SLOT_WIDTH + 'px;' + 'height:46px;' + 'cursor:pointer;' + 'background:transparent;' + 'border:0;' + 'color:#1d1d1d;' + 'box-sizing:border-box;' + '}' + '#wishlist-header-btn.site-header-wishlist .site-header-wishlist--button{' + 'position:relative;' + 'display:inline-block;' + 'padding:10px;' + 'color:inherit;' + 'line-height:0;' + '}' + '#wishlist-header-btn.site-header-wishlist .site-header-wishlist-icon svg{' + 'display:block;' + 'width:' + CONFIG.iconWidth + 'px;' + 'height:' + CONFIG.iconHeight + 'px;' + 'color:currentColor;' + '}' + '#wishlist-header-btn.site-header-wishlist .wishlist-count-bubble{' + 'position:absolute;' + 'top:0;' + 'right:0;' + 'display:none;' + 'height:22px;' + 'min-width:22px;' + 'padding:3px;' + 'font-size:0.6875rem;' + 'line-height:12px;' + 'text-align:center;' + 'border-radius:50%;' + 'box-sizing:border-box;' + 'align-items:center;' + 'justify-content:center;' + 'pointer-events:none;' + 'color:#fff;' + 'background-color:#1d1d1d;' + 'border:2px solid #fff;' + '}' + '#wishlist-header-btn.site-header-wishlist .wishlist-count-bubble.has-items{' + 'display:flex;' + '}' + '#wishlist-header-btn.site-header-wishlist .wishlist-count-bubble.has-items + .site-header-wishlist-icon svg{' + 'margin-right:5px;' + '}' + '@media screen and (max-width:1023px) and (min-width:680px){' + '#wishlist-header-btn.site-header-wishlist{' + 'position:relative;' + 'top:0;' + 'right:0;' + 'flex:0 0 auto;' + 'margin-left:' + CONFIG.spacingLeft + 'px;' + 'margin-right:' + CONFIG.spacingRight + 'px;' + '}' + '.site-header-right.has-wishlist .site-header-actions__account-link{' + 'margin-right:60px !important;' + '}' + '}' + '@media screen and (max-width:679px){' + '#wishlist-header-btn.site-header-wishlist{' + 'right:40px;' + '}' + '@media screen and (min-width:1024px){' + '.site-header-right.has-wishlist .site-header-actions__account-link{' + 'margin-right:20px !important;' + '}' + '#wishlist-header-btn.site-header-wishlist{' + 'top:50%;' + 'bottom:66px;' + 'right:' + wishlistRightDesktop + 'px;' + 'margin-top:-18px;' + '}' + '.site-header-sticky--scrolled #wishlist-header-btn.site-header-wishlist{' + 'margin-top:-23px;' + '}' + '@media screen and (min-width:1024px) and (max-width:1099px){' + '#wishlist-header-btn.site-header-wishlist .site-header-wishlist-icon svg{' + 'width:31px !important;' + 'height:31px !important;' + '}' + '}' + '}'; var s = document.getElementById(STYLE_ID); if (!s) { s = document.createElement('style'); s.id = STYLE_ID; document.head.appendChild(s); } s.textContent = css; } function findHeaderAnchor() { var i; var el; for (i = 0; i < ANCHOR_SELECTORS.length; i++) { el = document.querySelector(ANCHOR_SELECTORS[i]); if (el) return el; } return null; } function findCartBlock(anchor) { if (!anchor) return null; if (anchor.classList && anchor.classList.contains('site-header-cart')) return anchor; return anchor.querySelector('.site-header-cart'); } function getPageTitle() { var cfg = window.wishlistConfig || {}; return cfg.pageTitle || 'Wishlist'; } function ensureWishlistButton() { var btn = document.getElementById('wishlist-header-btn'); var signature = getConfigSignature(); var needsMarkup = !btn || !btn.querySelector('.site-header-wishlist--button') || btn.getAttribute('data-mw-config') !== signature; if (!btn) { btn = document.createElement('div'); btn.id = 'wishlist-header-btn'; btn.setAttribute('data-wishlist-header', ''); btn.setAttribute('role', 'button'); btn.setAttribute('aria-haspopup', 'dialog'); btn.className = 'site-header-wishlist'; } btn.setAttribute('aria-label', getPageTitle()); if (needsMarkup) { btn.innerHTML = buildWishlistButtonHtml(); btn.setAttribute('data-mw-config', signature); } window.wishlistHeaderConfig = window.wishlistHeaderConfig || {}; window.wishlistHeaderConfig.showCount = true; return btn; } function getWishlistHeaderCount(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 bubble = btn.querySelector('.wishlist-count-bubble'); var numberEl = bubble && bubble.querySelector('.wishlist-count-number'); if (numberEl) numberEl.textContent = count > 0 ? String(count) : ''; if (bubble) bubble.classList.toggle('has-items', count > 0); } function refreshWishlistHeaderCount() { try { if (window.wishlistPage && typeof window.wishlistPage.updateExternalCounts === 'function') { window.wishlistPage.updateExternalCounts(); } } catch (_) {} syncWishlistCountDisplay(); } 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 placeWishlistButton() { var anchor = findHeaderAnchor(); if (!anchor) return false; var cart = findCartBlock(anchor); var btn = ensureWishlistButton(); var container = anchor.classList.contains('site-header-right') ? anchor : (cart && cart.parentElement) || anchor; container.classList.add('has-wishlist'); if (cart && cart.parentElement === container) { if (btn.parentElement !== container) { container.insertBefore(btn, cart); } else if (cart.previousElementSibling !== btn) { container.insertBefore(btn, cart); } } else if (btn.parentElement !== container) { container.appendChild(btn); } return true; } function syncWishlistHeader() { injectStyles(); if (!placeWishlistButton()) return false; wireWishlistClick(document.getElementById('wishlist-header-btn')); syncWishlistCountDisplay(); 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('[data-site-header]') || document.body; new MutationObserver(scheduleSync).observe(root, { childList: true, subtree: true, }); } function getCollectionConfigSignature() { var c = CONFIG.collection; return [ c.borderColor, c.background, c.activeFill, c.iconSize, c.buttonSize, c.gap, c.borderRadius, c.containerPaddingLeft, ].join(':'); } function buildCollectionHeartSvg() { var size = CONFIG.collection.iconSize; return ( '' ); } function injectCollectionStyles() { var c = CONFIG.collection; var premiumBase = '.mw-premium-product-actions [data-wishlist-container][data-mw-wishlist-managed="1"]'; var premiumReady = premiumBase + '[data-mw-collection-ready="1"]'; var collectionReady = '.productitem--actions .wishlist-btn-container[data-mw-collection-ready="1"]'; var sharedBtn = premiumBase + ' .mw-collection-wishlist-btn, ' + premiumReady + ' .mw-collection-wishlist-btn, ' + collectionReady + ' .mw-collection-wishlist-btn'; var mobileBtnSize = 40; var premiumMobileBtnSize = 36; function sizingContainerBlock(selector, extra) { return selector + '{' + 'flex:0 0 ' + c.buttonSize + 'px !important;' + 'flex-shrink:0 !important;' + 'width:' + c.buttonSize + 'px !important;' + 'min-width:' + c.buttonSize + 'px !important;' + 'max-width:' + c.buttonSize + 'px !important;' + 'height:' + c.buttonSize + 'px !important;' + 'min-height:' + c.buttonSize + 'px !important;' + 'margin:0 !important;' + 'padding:0 !important;' + 'display:flex !important;' + 'align-items:center !important;' + 'justify-content:center !important;' + 'box-sizing:border-box !important;' + 'cursor:pointer !important;' + 'pointer-events:auto !important;' + (extra || '') + '}'; } function sharedButtonBlock(selector) { return selector + '{' + 'display:flex !important;' + 'align-items:center !important;' + 'justify-content:center !important;' + 'width:' + c.buttonSize + 'px !important;' + 'min-width:' + c.buttonSize + 'px !important;' + 'height:' + c.buttonSize + 'px !important;' + 'min-height:' + c.buttonSize + 'px !important;' + 'margin:0 !important;' + 'padding:0 !important;' + 'box-sizing:border-box !important;' + 'border:1px solid ' + c.borderColor + ' !important;' + 'border-radius:' + c.borderRadius + 'px !important;' + '-webkit-border-radius:' + c.borderRadius + 'px !important;' + 'background:' + c.background + ' !important;' + 'color:' + c.borderColor + ' !important;' + 'cursor:pointer !important;' + 'overflow:hidden !important;' + 'appearance:none !important;' + '-webkit-appearance:none !important;' + 'transition:opacity .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease !important;' + '}'; } var css = '.productitem .productitem__image-container .wishlist-heart-container,' + '.productitem .productitem--image-link .wishlist-heart-container,' + '.premium-product-card .premium-product-card__image .wishlist-heart-container,' + '.premium-product-card .premium-product-card__image-link .wishlist-heart-container{' + 'display:none !important;' + 'visibility:hidden !important;' + 'pointer-events:none !important;' + '}' + '.premium-product-card .premium-product-card__content.mw-premium-content--actions{' + 'height:auto !important;' + 'min-height:144px !important;' + 'overflow:visible !important;' + '}' + '.mw-premium-product-actions{' + 'display:grid !important;' + 'grid-template-columns:minmax(0,1fr) 44px !important;' + 'align-items:center !important;' + 'gap:8px !important;' + 'margin-top:auto !important;' + 'width:auto !important;' + 'left:18px !important;' + 'right:18px !important;' + 'min-height:' + c.buttonSize + 'px !important;' + 'box-sizing:border-box !important;' + '}' + '.mw-premium-product-actions .premium-product-card__form,' + '.mw-premium-product-actions .mw-premium-product-actions__atc{' + 'flex:1 1 auto !important;' + 'min-width:0 !important;' + 'margin-top:0 !important;' + 'width:auto !important;' + '}' + '.mw-premium-product-actions .premium-product-card__button{' + 'width:100% !important;' + 'height:' + c.buttonSize + 'px !important;' + 'min-height:' + c.buttonSize + 'px !important;' + 'margin:0 !important;' + 'display:block !important;' + '}' + sizingContainerBlock( premiumBase, 'padding-left:' + c.containerPaddingLeft + 'px !important;position:relative !important;z-index:5 !important;pointer-events:auto !important;' ) + sizingContainerBlock(premiumReady, 'padding-left:' + c.containerPaddingLeft + 'px !important;position:relative !important;z-index:5 !important;') + sizingContainerBlock( collectionReady, 'padding-left:0 !important;' + 'background:transparent !important;' + 'border:none !important;' + 'box-shadow:none !important;' + 'position:relative !important;' + 'z-index:3 !important;' ) + '.productitem--actions .wishlist-btn-container[data-wishlist-container]:not([data-mw-collection-ready="1"]){' + 'background:transparent !important;' + 'border:none !important;' + 'box-shadow:none !important;' + '}' + '.productitem--actions:hover ' + collectionReady + ',' + '.productitem--actions ' + collectionReady + ':hover{' + 'opacity:1 !important;' + 'background:transparent !important;' + '}' + sharedButtonBlock(sharedBtn) + sharedBtn + ':hover,' + sharedBtn + ':focus-visible{' + 'opacity:.85 !important;' + 'cursor:pointer !important;' + '}' + collectionReady + ' .mw-collection-wishlist-btn:hover,' + collectionReady + ' .mw-collection-wishlist-btn:focus-visible,' + premiumBase + ' .mw-collection-wishlist-btn:hover,' + premiumBase + ' .mw-collection-wishlist-btn:focus-visible{' + 'background:' + c.background + ' !important;' + 'border-color:' + c.borderColor + ' !important;' + 'color:' + c.borderColor + ' !important;' + '}' + sharedBtn + '.is-active,' + sharedBtn + '[aria-pressed="true"]{' + 'color:' + c.activeFill + ' !important;' + '}' + sharedBtn + '.is-active:hover,' + sharedBtn + '.is-active:focus-visible,' + sharedBtn + '[aria-pressed="true"]:hover,' + sharedBtn + '[aria-pressed="true"]:focus-visible{' + 'color:' + c.activeFill + ' !important;' + 'opacity:.85 !important;' + '}' + sharedBtn + '.is-active .mw-collection-wishlist-btn__icon,' + sharedBtn + '.is-active .mw-collection-wishlist-btn__icon path,' + sharedBtn + '[aria-pressed="true"] .mw-collection-wishlist-btn__icon,' + sharedBtn + '[aria-pressed="true"] .mw-collection-wishlist-btn__icon path{' + 'fill:' + c.activeFill + ' !important;' + 'stroke:none !important;' + '}' + sharedBtn + '.is-active:hover .mw-collection-wishlist-btn__icon path,' + sharedBtn + '[aria-pressed="true"]:hover .mw-collection-wishlist-btn__icon path{' + 'fill:' + c.activeFill + ' !important;' + 'stroke:none !important;' + '}' + sharedBtn + ':not(.is-active)[aria-pressed="false"] .mw-collection-wishlist-btn__icon path,' + sharedBtn + ':not([aria-pressed="true"]) .mw-collection-wishlist-btn__icon path{' + 'fill:none !important;' + 'stroke:' + c.borderColor + ' !important;' + 'stroke-width:1.5px !important;' + '}' + sharedBtn + '.is-loading{' + 'opacity:.55 !important;' + '}' + '@media screen and (max-width:749px){' + '.premium-product-card .premium-product-card__content.mw-premium-content--actions{' + 'min-height:132px !important;' + '}' + '.mw-premium-product-actions{' + 'min-height:' + mobileBtnSize + 'px !important;' + '}' + premiumBase + ',' + premiumReady + ',' + collectionReady + ',' + sharedBtn + '{' + 'height:' + mobileBtnSize + 'px !important;' + 'min-height:' + mobileBtnSize + 'px !important;' + '}' + premiumBase + ',' + premiumReady + ',' + collectionReady + '{' + 'flex:0 0 ' + mobileBtnSize + 'px !important;' + 'width:' + mobileBtnSize + 'px !important;' + 'min-width:' + mobileBtnSize + 'px !important;' + 'max-width:' + mobileBtnSize + 'px !important;' + '}' + sharedBtn + '{' + 'width:' + mobileBtnSize + 'px !important;' + 'min-width:' + mobileBtnSize + 'px !important;' + '}' + /* PREMIUM PRODUCTS ONLY */ '.premium-product-card .mw-premium-product-actions{' + 'left:10px !important;' + 'right:10px !important;' + 'grid-template-columns:minmax(0,1fr) ' + premiumMobileBtnSize + 'px !important;' + 'grid-template-rows:40px !important;' + 'gap:6px !important;' + 'height:40px !important;' + 'min-height:40px !important;' + 'bottom:12px !important;' + '}' + '.premium-product-card .mw-premium-product-actions .premium-product-card__button{' + 'height:40px !important;' + 'min-height:40px !important;' + 'max-height:40px !important;' + 'padding:0 !important;' + '}' + '.premium-product-card .mw-premium-product-actions .premium-product-card__wishlist,' + '.premium-product-card .mw-premium-product-actions .wishlist-btn-container,' + '.premium-product-card .mw-premium-product-actions .wishlist-btn{' + 'width:' + premiumMobileBtnSize + 'px !important;' + 'min-width:' + premiumMobileBtnSize + 'px !important;' + 'max-width:' + premiumMobileBtnSize + 'px !important;' + 'height:' + premiumMobileBtnSize + 'px !important;' + 'min-height:' + premiumMobileBtnSize + 'px !important;' + 'max-height:' + premiumMobileBtnSize + 'px !important;' + '}' + '}'; var s = document.getElementById(COLLECTION_STYLE_ID); if (!s) { s = document.createElement('style'); s.id = COLLECTION_STYLE_ID; document.head.appendChild(s); } s.textContent = css; } function sanitizeProductImage(url) { if (!url || typeof url !== 'string') return ''; var value = String(url).trim(); if (!value || value.indexOf('<') !== -1 || value.indexOf('Liquid error') !== -1) return ''; if (value.indexOf('//') === 0) return 'https:' + value; if (/^https?:\/\//i.test(value)) return value; return ''; } function primeToggleButton(btn, card, handle) { if (!btn || !card) return; seedToggleDataFromCard(btn, card, handle); btn.dataset.productImage = sanitizeProductImage(btn.dataset.productImage || ''); if (handle) { if (!btn.dataset.productId) btn.dataset.productId = handle; if (!btn.dataset.productHandle) btn.dataset.productHandle = handle; } } function enrichToggleButtonAsync(btn, card, handle) { if (!btn || !handle) return; if (btn.dataset.productTitle && btn.dataset.productImage) return; prepareToggleButton(btn, card, handle); } function prepareToggleButton(btn, card, handle) { if (!btn || !handle) return Promise.resolve(); seedToggleDataFromCard(btn, card, handle); btn.dataset.productImage = sanitizeProductImage(btn.dataset.productImage || ''); if (btn.dataset.productTitle && btn.dataset.productImage) { return Promise.resolve(); } return fetch('/products/' + encodeURIComponent(handle) + '.js') .then(function (response) { return response.ok ? response.json() : null; }) .then(function (data) { if (!data || !btn) return; if (!btn.dataset.productTitle && data.title) { btn.dataset.productTitle = String(data.title); } if (!btn.dataset.productImage) { var image = data.featured_image || (data.images && data.images[0]) || ''; btn.dataset.productImage = sanitizeProductImage(image); } var variant = null; var variants = data.variants || []; var i; for (i = 0; i < variants.length; i++) { if (variants[i] && variants[i].available) { variant = variants[i]; break; } } if (!variant && variants.length) variant = variants[0]; if (variant) { if (!btn.dataset.variantId) btn.dataset.variantId = String(variant.id); if (!btn.dataset.productPrice && variant.price != null) { btn.dataset.productPrice = String(variant.price / 100); } } }) .catch(function () {}); } function syncHiddenHeartState(heartBtn, handleOrActive) { if (!heartBtn) return; var active = typeof handleOrActive === 'boolean' ? handleOrActive : isProductWishlisted(handleOrActive, heartBtn); heartBtn.classList.toggle('is-active', active); heartBtn.setAttribute('aria-pressed', active ? 'true' : 'false'); } function isProductWishlisted(handle, heartBtn) { if (handle && window.wishlistApp && Array.isArray(window.wishlistApp.wishlist)) { if (window.wishlistApp.wishlist.indexOf(handle) !== -1) return true; } return !!(heartBtn && heartBtn.classList.contains('is-active')); } function applyActionButtonVisual(actionBtn, isActive) { if (!actionBtn) return; var c = CONFIG.collection; var active = !!isActive; actionBtn.classList.remove('is-loading'); actionBtn.classList.toggle('is-active', active); actionBtn.setAttribute('aria-pressed', active ? 'true' : 'false'); actionBtn.setAttribute( 'aria-label', active ? 'Remove from wishlist' : 'Add to wishlist' ); actionBtn.style.setProperty('--wh-active-color', c.activeFill); actionBtn.style.setProperty('color', active ? c.activeFill : c.borderColor, 'important'); var path = actionBtn.querySelector('.mw-collection-wishlist-btn__icon path, svg path'); if (!path) return; if (active) { path.style.setProperty('fill', c.activeFill, 'important'); path.style.setProperty('stroke', 'none', 'important'); path.setAttribute('fill', c.activeFill); path.setAttribute('stroke', 'none'); path.removeAttribute('stroke-width'); } else { path.style.setProperty('fill', 'none', 'important'); path.style.setProperty('stroke', c.borderColor, 'important'); path.style.setProperty('stroke-width', '1.5px', 'important'); path.setAttribute('fill', 'none'); path.setAttribute('stroke', c.borderColor); path.setAttribute('stroke-width', '1.5'); } } function syncVisibleWishlistButton(actionBtn, heartBtn, handle) { if (!actionBtn) return; applyActionButtonVisual(actionBtn, isProductWishlisted(handle, heartBtn)); } function findGridProductCard(el) { if (!el) return null; return el.closest('[data-product-item], .productgrid--item, .premium-product-card'); } function findCollectionWishlistContainer(card) { if (!card) return null; if (card.classList.contains('premium-product-card')) { return card.querySelector('.mw-premium-product-actions [data-wishlist-container][data-mw-wishlist-managed="1"]') || card.querySelector('.mw-premium-product-actions [data-wishlist-container]') || card.querySelector('.mw-premium-product-actions .wishlist-btn-container'); } return card.querySelector('.productitem--actions [data-wishlist-container]') || card.querySelector('.productitem--actions .wishlist-btn-container'); } function seedToggleDataFromVariants(toggleBtn, handle) { if (!toggleBtn || !handle || !window.wishlistCollectionVariants) return; var tracked = window.wishlistCollectionVariants[handle] || (function () { var match = null; Object.keys(window.wishlistCollectionVariants).some(function (key) { var entry = window.wishlistCollectionVariants[key]; if (entry && entry.handle === handle) { match = entry; return true; } return false; }); return match; })(); if (!tracked) return; if (tracked.variantId) toggleBtn.dataset.variantId = String(tracked.variantId); if (tracked.price) toggleBtn.dataset.productPrice = String(tracked.price); if (tracked.image) toggleBtn.dataset.productImage = String(tracked.image); if (tracked.variantTitle) toggleBtn.dataset.variantTitle = String(tracked.variantTitle); } function findCollectionHeartButton(card) { if (!card) return null; return card.querySelector('.wishlist-heart-btn'); } function parseHandleFromUrl(href) { if (!href) return ''; try { var parts = String(href).split('?')[0].split('#')[0].split('/').filter(Boolean); var idx = parts.indexOf('products'); if (idx !== -1 && parts[idx + 1]) return parts[idx + 1]; } catch (_) {} return ''; } function getProductHandleFromCard(card, heartBtn) { if (heartBtn && heartBtn.dataset.productId) return heartBtn.dataset.productId; if (!card) return ''; var container = card.querySelector('[data-wishlist-container][data-product-handle]'); if (container && container.dataset.productHandle) return container.dataset.productHandle; var links = card.querySelectorAll('a[href*="/products/"]'); var i; for (i = 0; i < links.length; i++) { var handle = parseHandleFromUrl(links[i].href); if (handle) return handle; } var link = card.querySelector( '[data-product-page-link], a.productitem--image-link, a.productitem--title, a.premium-product-card__image-link, a.premium-product-card__title' ); if (link && link.href) return parseHandleFromUrl(link.href); return ''; } function seedToggleDataFromCard(toggleBtn, card, handle) { if (!toggleBtn || !card) return; if (!toggleBtn.dataset.productTitle) { var titleEl = card.querySelector( '.premium-product-card__title, .productitem--title, [data-product-title]' ); if (titleEl && titleEl.textContent) { toggleBtn.dataset.productTitle = titleEl.textContent.trim(); } } if (!toggleBtn.dataset.variantId) { var variantInput = card.querySelector( '.premium-product-card__form input[name="id"], form[action*="/cart/add"] input[name="id"]' ); if (variantInput && variantInput.value) { toggleBtn.dataset.variantId = String(variantInput.value); } } if (!toggleBtn.dataset.productImage) { var img = card.querySelector( '.premium-product-card__image img, .productitem--image img, img[src*="cdn.shopify.com"]' ); if (img) { var src = img.currentSrc || img.src || img.getAttribute('src'); if (src) toggleBtn.dataset.productImage = String(src); } } if (handle) seedToggleDataFromVariants(toggleBtn, handle); } function refreshPremiumCardMetadata(card, container, heartBtn) { if (!card) return ''; var handle = getProductHandleFromCard(card, heartBtn); if (!handle) return ''; card.dataset.productHandle = handle; if (container) { container.dataset.productHandle = handle; container.setAttribute('data-product-handle', handle); } return handle; } function ensurePremiumActionsRow(card) { if (!card || !card.classList.contains('premium-product-card')) return null; var content = card.querySelector('.premium-product-card__content'); if (!content) return null; content.classList.add('mw-premium-content--actions'); var form = content.querySelector('.premium-product-card__form'); var soldOutBtn = content.querySelector('.premium-product-card__button--soldout'); var actions = content.querySelector('.mw-premium-product-actions'); if (!actions) { actions = document.createElement('div'); actions.className = 'mw-premium-product-actions'; if (form) { content.insertBefore(actions, form); actions.appendChild(form); } else if (soldOutBtn) { var atcWrap = document.createElement('div'); atcWrap.className = 'mw-premium-product-actions__atc'; content.insertBefore(actions, soldOutBtn); atcWrap.appendChild(soldOutBtn); actions.appendChild(atcWrap); } else { return null; } } else { if (form && !actions.contains(form)) { actions.insertBefore(form, actions.firstChild); } else if (soldOutBtn && !actions.contains(soldOutBtn)) { var wrap = actions.querySelector('.mw-premium-product-actions__atc'); if (!wrap) { wrap = document.createElement('div'); wrap.className = 'mw-premium-product-actions__atc'; actions.insertBefore(wrap, actions.firstChild); } if (!wrap.contains(soldOutBtn)) wrap.appendChild(soldOutBtn); } } var heartBtn = findCollectionHeartButton(card); var handle = refreshPremiumCardMetadata(card, null, heartBtn); var container = actions.querySelector('[data-wishlist-container][data-mw-wishlist-managed="1"]') || actions.querySelector('[data-wishlist-container]'); if (!container) { container = document.createElement('div'); container.className = 'wishlist-btn-container'; container.setAttribute('data-wishlist-container', ''); container.setAttribute('data-mw-wishlist-managed', '1'); actions.appendChild(container); } else { container.setAttribute('data-mw-wishlist-managed', '1'); container.removeAttribute('data-wishlist-auto'); } refreshPremiumCardMetadata(card, container, heartBtn); return container; } function isCardWired(card) { return !!(card && card.dataset.mwWishlistCardWired === String(VERSION)); } function clearCardWired(card) { if (!card) return; delete card.dataset.mwWishlistCardWired; card.removeAttribute('data-mw-wishlist-card-wired'); } function markCardWired(card) { if (card) { card.dataset.mwWishlistCardWired = String(VERSION); card.setAttribute('data-mw-wishlist-card-wired', String(VERSION)); } } function isManagedWishlistContainer(container) { return !!( container && (container.dataset.mwWishlistManaged === '1' || container.getAttribute('data-mw-wishlist-managed') === '1' || container.closest('.mw-premium-product-actions') || container.closest('.productitem--actions')) ); } function handleCollectionWishlistClick(e, actionBtn, container) { if (!actionBtn || !container || !isManagedWishlistContainer(container)) return false; if (e && typeof e.preventDefault === 'function') e.preventDefault(); triggerCollectionWishlistToggle(container, actionBtn); return true; } function bindCollectionWishlistClick(actionBtn, container) { if (!actionBtn || !container) return; if (actionBtn.dataset.mwClickBound === String(VERSION)) return; actionBtn.dataset.mwClickBound = String(VERSION); actionBtn.type = 'button'; actionBtn.style.pointerEvents = 'auto'; actionBtn.addEventListener('click', function (e) { handleCollectionWishlistClick(e, actionBtn, container); }, true); } function installWishlistClickDelegation() { if (wishlistDelegationInstalled) return; wishlistDelegationInstalled = true; } function ensureGridWishlistContainer(card) { if (!card) return null; if (card.classList.contains('premium-product-card')) { return ensurePremiumActionsRow(card); } return card.querySelector('.productitem--actions .wishlist-btn-container[data-wishlist-container]'); } function syncCollectionButtonState(actionBtn, heartBtn) { if (!actionBtn) return; var handle = actionBtn.dataset.productHandle || actionBtn.dataset.productId || (heartBtn && heartBtn.dataset.productId) || ''; syncVisibleWishlistButton(actionBtn, heartBtn, handle); } function copyHeartDataToActionBtn(actionBtn, heartBtn) { if (!actionBtn || !heartBtn) return; ['productTitle', 'productImage', 'productPrice', 'variantId', 'variantTitle'].forEach(function (key) { if (heartBtn.dataset[key]) actionBtn.dataset[key] = heartBtn.dataset[key]; }); } function syncWishlistButtonsOnCard(actionBtn, card, handle) { var heartBtn = findCollectionHeartButton(card); syncCollectionButtonState(actionBtn, heartBtn); syncHiddenHeartState(heartBtn, handle); } function runWishlistToggle(handle, actionBtn, card) { var heartBtn = findCollectionHeartButton(card); var wasActive = isProductWishlisted(handle, heartBtn); copyHeartDataToActionBtn(actionBtn, heartBtn); primeToggleButton(actionBtn, card, handle); enrichToggleButtonAsync(actionBtn, card, handle); function finish() { syncVisibleWishlistButton(actionBtn, heartBtn, handle); syncHiddenHeartState(heartBtn, handle); } function attemptToggle() { if (!window.wishlistApp || typeof window.wishlistApp.toggleWishlist !== 'function') { return false; } var promise = window.wishlistApp.toggleWishlist(handle, actionBtn); applyActionButtonVisual(actionBtn, !wasActive); syncHiddenHeartState(heartBtn, !wasActive); if (promise && typeof promise.then === 'function') { promise.then(finish).catch(finish); } else { finish(); } return true; } if (attemptToggle()) return; var attempts = 0; var timer = window.setInterval(function () { attempts++; if (attemptToggle() || attempts >= 12) { window.clearInterval(timer); if (attempts >= 12) finish(); } }, 150); } function triggerCollectionWishlistToggle(container, actionBtn) { var card = findGridProductCard(container); if (!card || !actionBtn) return; var now = Date.now(); if (actionBtn.dataset.mwLastToggle && now - Number(actionBtn.dataset.mwLastToggle) < 350) return; actionBtn.dataset.mwLastToggle = String(now); var heartBtn = findCollectionHeartButton(card); var handle = actionBtn.dataset.productHandle || container.dataset.productHandle || (heartBtn && heartBtn.dataset.productId) || getProductHandleFromCard(card, heartBtn); if (!handle) return; copyHeartDataToActionBtn(actionBtn, heartBtn); actionBtn.dataset.productId = handle; actionBtn.dataset.productHandle = handle; container.dataset.productHandle = handle; container.setAttribute('data-product-handle', handle); if (card.classList.contains('premium-product-card')) { card.dataset.productHandle = handle; } seedToggleDataFromCard(actionBtn, card, handle); runWishlistToggle(handle, actionBtn, card); } function wireCollectionWishlistButton(container, actionBtn, heartBtn) { if (!container || !actionBtn) return; container.dataset.mwCollectionReady = '1'; if (heartBtn) { container.dataset.mwCollectionHeart = heartBtn.dataset.productId || ''; } syncCollectionButtonState(actionBtn, heartBtn); } function ensureCollectionActionButton(container, card, heartBtn) { if (!container) return null; var handle = container.dataset.productHandle || getProductHandleFromCard(card, heartBtn) || (heartBtn && heartBtn.dataset.productId) || ''; var actionBtn = container.querySelector('.mw-collection-wishlist-btn'); var signature = getCollectionConfigSignature(); var needsMarkup = !actionBtn || actionBtn.getAttribute('data-mw-config') !== signature; if (!actionBtn) { actionBtn = document.createElement('button'); actionBtn.type = 'button'; actionBtn.className = 'mw-collection-wishlist-btn'; container.innerHTML = ''; container.appendChild(actionBtn); } if (needsMarkup) { actionBtn.innerHTML = buildCollectionHeartSvg(); actionBtn.setAttribute('data-mw-config', signature); } if (handle) { actionBtn.dataset.productHandle = handle; actionBtn.dataset.productId = handle; container.dataset.productHandle = handle; container.setAttribute('data-product-handle', handle); if (card && card.classList.contains('premium-product-card')) { card.dataset.productHandle = handle; } } if (heartBtn) { copyHeartDataToActionBtn(actionBtn, heartBtn); } seedToggleDataFromCard(actionBtn, card, handle); bindCollectionWishlistClick(actionBtn, container); wireCollectionWishlistButton(container, actionBtn, heartBtn); return actionBtn; } function wireCollectionCard(card) { if (!card) return false; var heartBtn = findCollectionHeartButton(card); var container = null; var actionBtn = null; if (card.classList.contains('premium-product-card')) { container = ensurePremiumActionsRow(card); } else { container = findCollectionWishlistContainer(card); } if (!container) { if (isCardWired(card)) clearCardWired(card); return false; } actionBtn = ensureCollectionActionButton(container, card, heartBtn); if (!actionBtn) { if (isCardWired(card)) clearCardWired(card); return false; } markCardWired(card); return true; } function buildCollectionWishlistButton(container, heartBtn) { return !!ensureCollectionActionButton(container, findGridProductCard(container), heartBtn); } function runWithObserverSuppressed(fn) { mwSuppressCollectionObserver = true; try { return fn(); } finally { window.setTimeout(function () { mwSuppressCollectionObserver = false; }, 50); } } function initCollectionWishlistButtons() { if (mwSuppressCollectionObserver) return false; return runWithObserverSuppressed(function () { injectCollectionStyles(); installWishlistClickDelegation(); var wiredAny = false; var seen = new Set(); function processCard(card) { if (!card || seen.has(card)) return; seen.add(card); if (wireCollectionCard(card)) wiredAny = true; } document.querySelectorAll('.premium-product-card').forEach(processCard); document.querySelectorAll(COLLECTION_CARD_SELECTOR).forEach(function (card) { if (card.classList.contains('premium-product-card')) return; processCard(card); }); return wiredAny || seen.size > 0; }); } function syncAllCollectionWishlistButtons() { if (mwSuppressCollectionObserver) return; runWithObserverSuppressed(function () { document.querySelectorAll('.mw-collection-wishlist-btn').forEach(function (actionBtn) { var card = findGridProductCard(actionBtn); syncCollectionButtonState(actionBtn, findCollectionHeartButton(card)); }); }); } function scheduleWishlistStateSync() { var attempts = 0; var timer = window.setInterval(function () { attempts++; if (window.wishlistApp && Array.isArray(window.wishlistApp.wishlist)) { syncAllCollectionWishlistButtons(); window.clearInterval(timer); return; } if (attempts >= 50) window.clearInterval(timer); }, 100); } function scheduleCollectionSync() { if (mwSuppressCollectionObserver || collectionDebounceTimer) return; collectionDebounceTimer = window.setTimeout(function () { collectionDebounceTimer = null; if (mwSuppressCollectionObserver) return; initCollectionWishlistButtons(); syncAllCollectionWishlistButtons(); }, 200); } function startPremiumProductsObserver() { if (premiumObserverStarted || typeof MutationObserver === 'undefined') return; premiumObserverStarted = true; document.querySelectorAll('.premium-products__track, .premium-products').forEach(function (root) { new MutationObserver(function (mutations) { if (mwSuppressCollectionObserver) return; var needsScan = false; var i; for (i = 0; i < mutations.length; i++) { if (mutations[i].type !== 'childList') continue; if (mutations[i].addedNodes && mutations[i].addedNodes.length) { needsScan = true; break; } } if (needsScan) scheduleCollectionSync(); }).observe(root, { childList: true, subtree: true, }); }); } function startCollectionObserver() { if (collectionObserverStarted || typeof MutationObserver === 'undefined') return; collectionObserverStarted = true; var root = document.querySelector('[data-productgrid-items]') || document.querySelector('.productgrid--items') || document.querySelector('main') || document.body; new MutationObserver(function (mutations) { if (mwSuppressCollectionObserver) return; var needsScan = false; var i; for (i = 0; i < mutations.length; i++) { if (mutations[i].type !== 'childList') continue; if (mutations[i].addedNodes && mutations[i].addedNodes.length) { needsScan = true; break; } } if (needsScan) scheduleCollectionSync(); }).observe(root, { childList: true, subtree: true, }); } function bootCollectionWishlistButtons() { installWishlistClickDelegation(); startCollectionObserver(); startPremiumProductsObserver(); if (initCollectionWishlistButtons()) { syncAllCollectionWishlistButtons(); return; } var attempts = 0; var interval = window.setInterval(function () { attempts++; if (initCollectionWishlistButtons()) { syncAllCollectionWishlistButtons(); window.clearInterval(interval); return; } if (attempts >= 40) window.clearInterval(interval); }, 250); } function boot() { startHeaderObserver(); if (syncWishlistHeader()) { refreshWishlistHeaderCount(); } else { var attempts = 0; var interval = window.setInterval(function () { attempts++; if (syncWishlistHeader()) { refreshWishlistHeaderCount(); window.clearInterval(interval); return; } if (attempts >= 40) window.clearInterval(interval); }, 100); } bootCollectionWishlistButtons(); scheduleWishlistStateSync(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot, { once: true }); } else { boot(); } function onWishlistUpdated() { refreshWishlistHeaderCount(); syncAllCollectionWishlistButtons(); } document.addEventListener('wishlist:updated', onWishlistUpdated); window.addEventListener('wishlist:updated', onWishlistUpdated); })();

Pool & Shower Grates

SHOP BY FINISH

More Products coming soon

SHOP

HELP & SUPPORT

SOCIETY

ACCOUNT

LIVE CHAT & EMAIL

PHONE SUPPORT