' + '' + '' + '

' ); } function injectStyles() { var v; for (v = 1; v < VERSION; v++) { var old = document.getElementById('mw-mad-header-wishlist-v' + v); if (old && old.parentNode) old.parentNode.removeChild(old); } var size = iconSizeCss(); var svgSize = size ? '#' + BUTTON_ID + ' svg.icon-heart{width:' + size + '!important;height:' + size + '!important;}' : ''; var css = '#' + BUTTON_ID + '.header__icon{' + 'position:relative!important;' + 'color:' + iconColorCss() + '!important;' + 'cursor:pointer!important;' + 'text-decoration:none!important;' + 'overflow:visible!important;' + '}' + '#' + BUTTON_ID + ' svg.icon-heart{' + 'display:block!important;' + 'fill:none!important;' + 'flex-shrink:0!important;' + '}' + '#' + BUTTON_ID + ' svg.icon-heart path{' + 'fill:none!important;' + 'stroke:currentColor!important;' + 'stroke-width:' + iconStrokeCss() + '!important;' + 'stroke-linecap:round!important;' + 'stroke-linejoin:round!important;' + '}' + svgSize + '#' + BUTTON_ID + ' .wishlist-count-bubble:not(.has-items){display:none!important;}' + '#' + BUTTON_ID + ' .wishlist-count-bubble.has-items{display:block!important;}' + HEADER_CONTAINER_SELECTOR + ' [data-wishlist-header]:not(#' + BUTTON_ID + '){display:none!important;}' + '@media (max-width:768.98px){' + '.header .header__grid{' + 'grid-template-columns:max-content minmax(0,1fr) max-content!important;' + '}' + '.header .header__search{' + 'grid-column:1/-1!important;' + '}' + '.header .main-menu{' + 'display:flex!important;' + 'flex-direction:row!important;' + 'flex-wrap:wrap!important;' + 'align-items:center!important;' + 'width:auto!important;' + 'min-width:88px!important;' + 'max-width:none!important;' + 'flex:0 0 auto!important;' + '}' + '.header .main-menu > .main-menu__toggle{' + 'flex:0 0 44px!important;' + 'width:44px!important;' + 'height:44px!important;' + 'margin-inline-end:0!important;' + '}' + '.header .main-menu > .main-menu__content{' + 'flex:1 0 100%!important;' + 'width:100%!important;' + '}' + '.header .main-menu > #' + BUTTON_ID + '{' + 'display:flex!important;' + 'flex:0 0 44px!important;' + 'width:44px!important;' + 'height:44px!important;' + 'padding:10px!important;' + 'box-sizing:border-box!important;' + 'margin:0 10px 0 0!important;' + '}' + '.header .main-menu > #' + BUTTON_ID + ' svg.icon-heart{' + 'width:100%!important;' + 'height:100%!important;' + '}' + '.header ' + HEADER_CONTAINER_SELECTOR + ' #' + BUTTON_ID + '{display:none!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-mad-bound') === '1') return; btn.setAttribute('data-mw-mad-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.classList.add('header__icon', 'relative'); btn.setAttribute('data-wishlist-header', ''); btn.setAttribute('role', 'button'); btn.setAttribute('aria-haspopup', 'dialog'); btn.setAttribute('aria-label', pageLabel()); btn.setAttribute('data-no-instant', ''); if (btn.tagName === 'A' && !btn.getAttribute('href')) { btn.setAttribute('href', pageUrl()); } var svg = btn.querySelector('svg.icon-heart'); var wrap = btn.querySelector('.wishlist-icon-wrap'); var wrongView = svg && svg.getAttribute('viewBox') !== HEART_VIEWBOX; var filled = svg && svg.getAttribute('fill') === 'currentColor'; if (!svg || wrap || wrongView || filled) { var bubble = btn.querySelector('.wishlist-count-bubble'); var numEl = bubble && bubble.querySelector('.wishlist-count-number'); var num = numEl ? numEl.textContent : ''; var hadItems = bubble && bubble.classList.contains('has-items'); btn.innerHTML = heartSvg() + countHtml() + ''; bubble = btn.querySelector('.wishlist-count-bubble'); if (bubble) { if (num) { var n = bubble.querySelector('.wishlist-count-number'); if (n) n.textContent = num; } if (hadItems) bubble.classList.add('has-items'); } } bindClick(btn); return btn; } function buildButton() { var btn = document.createElement('a'); btn.setAttribute('href', pageUrl()); ensureMarkup(btn); return btn; } function getContainer() { return 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 isMobileHeader() { return window.matchMedia('(max-width: 768.98px)').matches; } function getMenuToggle() { return document.querySelector( '.header .main-menu__toggle, store-header .main-menu__toggle, .main-menu__toggle' ); } function placeNextToMenu(btn) { var toggle = getMenuToggle(); if (!toggle || !toggle.parentNode) return false; var parent = toggle.parentNode; if (btn.parentNode !== parent || toggle.nextElementSibling !== btn) { parent.insertBefore(btn, toggle.nextSibling); } return true; } function placeInIcons(btn) { var container = getContainer(); if (!container) return false; 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 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 btn = document.getElementById(BUTTON_ID); if (!btn) btn = buildButton(); ensureMarkup(btn); if (isMobileHeader()) return placeNextToMenu(btn); return placeInIcons(btn); } function sync() { injectStyles(); if (placeButton()) syncCount(); } sync(); document.addEventListener('wishlist:updated', syncCount); window.addEventListener('wishlist:updated', syncCount); document.addEventListener('shopify:section:load', sync); if (window.matchMedia) { window.matchMedia('(max-width: 768.98px)').addEventListener('change', 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 }); } })();

Towton Rubber Coated Hoops

Description

Best Sellers From This Brand

Need Help?

Call our customer support today.

Mon- Fri: 8am-4pm est.