Shorts

/* -------------------------------------------------------- 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); }); });

Shorts

Filter

Short - BROWN

Short - NUDE

Sign up for our newsletter

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

Your cart is empty

Your cart is empty

Language

Language

Shorts

Active filters:

Short - BROWN

Short - NUDE

Sign up for our newsletter

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