جهات الاتصال

/* -------------------------------------------------------- Build Sizing Recommendation Engine Button Inserts an uppercase pill button above the size picker that opens the size calculator modal -------------------------------------------------------- */ function buildCalcBtn() { // Remove any previously injected buttons to avoid duplicates document.querySelectorAll('.bb-size-calc-btn').forEach(function (el) { el.remove(); }); // Locate the product info container — try multiple selectors // to support both Fabric and Atelier theme DOM structures var infoRoot = document.querySelector('product-info') || document.querySelector('.product__info-container') || document.querySelector('.product-information') || document.querySelector('.product__info-wrapper'); if (!infoRoot) return; var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'bb-size-calc-btn'; btn.textContent = 'Sizing Recommendation Engine'; btn.addEventListener('click', function () { document.getElementById('bbSizeCalcOverlay').classList.add('is-open'); }); // Try to find the size picker fieldset/block to insert after var sizeBlock = infoRoot.querySelector('fieldset[name="Size"]') || infoRoot.querySelector('fieldset[name="size"]') || infoRoot.querySelector('variant-radios') || infoRoot.querySelector('variant-selects') || infoRoot.querySelector('.variant-picker') || infoRoot.querySelector('.product-form__input'); // Fallback anchor: insert before the buy buttons / product form var buy = infoRoot.querySelector('buy-buttons') || infoRoot.querySelector('product-form') || infoRoot.querySelector('.product-form'); if (sizeBlock && sizeBlock.parentNode) { sizeBlock.parentNode.insertBefore(btn, sizeBlock.nextSibling); } else if (buy && buy.parentNode) { buy.parentNode.insertBefore(btn, buy); } else { infoRoot.appendChild(btn); } } /* -------------------------------------------------------- Run both builders, with retries to handle themes that render product info asynchronously after DOMContentLoaded -------------------------------------------------------- */ function run() { buildModelBar(); buildCalcBtn(); } run(); setTimeout(run, 200); setTimeout(run, 600); setTimeout(run, 1200); // Re-run when Shopify editor reloads a section document.addEventListener('shopify:section:load', run); // Re-run on resize in case layout reflow moves elements window.addEventListener('resize', function () { setTimeout(run, 150); }); });

جهات الاتصال

Sign up for our newsletter

Be the first to discover new drops, special offers, and all things from BareBless

سلة التسوق الخاصة بك فارغة

سلة التسوق الخاصة بك فارغة

اللغة

اللغة

جهات الاتصال

Sign up for our newsletter

Be the first to discover new drops, special offers, and all things from BareBless