/* =================================================================== POLAR BEAR GOLF — Polo Bundle Builder — CUSTOM JS (v2) Paste ALL of this into: Easy Bundles → Settings → Custom JS Blok 1-5 er dine eksisterende blokke, uændret. Blok 6 er ny: udsolgte størrelser vises overstreget og kan ikke vælges. =================================================================== */ /* ============================================================ 1) STICKY PROGRESS BAR (din eksisterende kode – uændret) ============================================================ */ (function () { var HOST_CLASS = 'gbbCustomStickyProgressHost'; var scheduled = false; function placeBar() { scheduled = false; if (window.innerWidth > 600) return; var content = document.querySelector('.gbbFullPageBundle .gbbBundleContent'); if (!content) return; var host = content.querySelector('.' + HOST_CLASS); if (!host) { host = document.createElement('div'); host.className = HOST_CLASS; content.insertBefore(host, content.firstChild); } var bar = document.querySelector( '.gbbBundleFooter .gbbDiscountStepsProgressBarWrapper' ); if (bar) { host.innerHTML = ''; host.appendChild(bar); } } function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(placeBar); } function start() { schedule(); new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true }); window.addEventListener('resize', schedule); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', start); } else { start(); } })(); /* ============================================================ 2) SIZE GUIDE (knap i hvert bundle-kort + popup) ============================================================ */ (function () { if (window.__pbzSizeGuide) return; // avoid double-loading window.__pbzSizeGuide = true; /* ---- Size data (inches, from the Smart Size chart) ---- */ var HEADERS = ['Size', 'Chest', 'Across shoulder', 'Front length']; var SIZE_ROWS = [ ['M', 20.75, 18.625, 29.75], ['L', 22, 19.25, 30.5], ['XL', 23.25, 19.875, 31.25], ['XXL', 24.5, 20.5, 32], ['3XL', 25.75, 21.125, 32.75], ['4XL', 27, 21.75, 33.5], ['5XL', 28.25, 22.375, 34.25] ]; var DESC = 'This modern cut flattens your stomach, hugs your arms and shoulders, and gives a little extra wiggle room where guys need it most.'; var FIT_NOTE = 'Fits true to size, don’t size up.'; var BTN_TEXT = 'Size chart'; var MODAL_TITLE = 'Size Chart'; var CARD_SEL = '.gbbProductItem'; function injectStyles(){ if (document.getElementById('pbz-sg-style')) return; var css = '.pbz-sg-overlay{position:fixed;inset:0;z-index:99999;background:rgba(16,24,40,.55);' + 'display:none;align-items:center;justify-content:center;padding:16px;}' + '.pbz-sg-overlay.pbz-open{display:flex;}' + '.pbz-sg-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:88vh;' + 'overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:20px 22px 24px;' + 'font-family:inherit;box-sizing:border-box;}' + '.pbz-sg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}' + '.pbz-sg-title{font-size:19px;font-weight:700;color:#1a2b4a;margin:0;}' + '.pbz-sg-tools{display:flex;align-items:center;gap:10px;}' + '.pbz-sg-units{display:inline-flex;background:#EAF1FA;border-radius:999px;padding:2px;}' + '.pbz-sg-units button{border:0;background:none;cursor:pointer;font:inherit;font-size:12px;font-weight:600;' + 'color:#5b6b86;padding:4px 12px;border-radius:999px;}' + '.pbz-sg-units button.on{background:#1a2b4a;color:#fff;}' + '.pbz-sg-close{border:0;background:#EAF1FA;color:#1a2b4a;width:32px;height:32px;border-radius:50%;' + 'font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}' + '.pbz-sg-close:hover{background:#dbe7f7;}' + '.pbz-sg-desc{margin:8px 0 4px;font-size:13px;color:#374151;line-height:1.45;}' + '.pbz-sg-fitnote{margin:10px 0 20px;font-size:16px;font-weight:700;color:#1a2b4a;line-height:1.4;}' + '.pbz-sg-table{width:100%;border-collapse:collapse;font-size:14px;}' + '.pbz-sg-table th,.pbz-sg-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #eef1f5;}' + '.pbz-sg-table thead th{background:#1a2b4a;color:#fff;font-weight:600;position:sticky;top:0;}' + '.pbz-sg-table tbody tr:nth-child(even){background:#f6f9fd;}' + '.pbz-sg-table td:first-child,.pbz-sg-table th:first-child{text-align:left;}' + '.pbz-sg-table td:first-child{font-weight:700;color:#1a2b4a;}'; var s = document.createElement('style'); s.id = 'pbz-sg-style'; s.appendChild(document.createTextNode(css)); (document.head || document.documentElement).appendChild(s); } var tableWrap = null, unitBtns = null; function renderTable(unit){ var thead = '' + HEADERS.map(function(h){ return ''+h+''; }).join('') + ''; var tbody = SIZE_ROWS.map(function(r){ var cells = r.map(function(c, i){ if (i === 0) return ''+c+''; var v = (unit === 'cm') ? (c * 2.54).toFixed(1) : String(c); return ''+v+''; }).join(''); return ''+cells+''; }).join(''); tableWrap.innerHTML = ''+thead+''+tbody+'

'; if (unitBtns) unitBtns.forEach(function(b){ b.classList.toggle('on', b.getAttribute('data-u') === unit); }); } function buildModal(){ var overlay = document.createElement('div'); overlay.className = 'pbz-sg-overlay'; overlay.innerHTML = ''; document.body.appendChild(overlay); tableWrap = overlay.querySelector('.pbz-sg-tablewrap'); unitBtns = Array.prototype.slice.call(overlay.querySelectorAll('.pbz-sg-units button')); unitBtns.forEach(function(b){ b.addEventListener('click', function(){ renderTable(b.getAttribute('data-u')); }); }); renderTable('in'); function close(){ overlay.classList.remove('pbz-open'); } overlay.addEventListener('click', function(e){ if (e.target === overlay || e.target.classList.contains('pbz-sg-close')) close(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape') close(); }); return overlay; } var modal = null; function openModal(){ injectStyles(); if (!modal) modal = buildModal(); modal.classList.add('pbz-open'); } function addLinkTo(card){ if (card.querySelector('.pbz-sg-link')) return; var a = document.createElement('button'); a.type = 'button'; a.className = 'pbz-sg-link'; a.innerHTML = ' ' + BTN_TEXT; a.style.cssText = 'display:inline-flex;align-items:center;gap:6px;margin:8px 0 2px;padding:0;border:0;' + 'background:none;font-size:13px;font-weight:600;color:#2b4a7e;cursor:pointer;' + 'text-decoration:underline;text-underline-offset:2px;'; a.addEventListener('mouseenter', function(){ a.style.color = '#1a2b4a'; }); a.addEventListener('mouseleave', function(){ a.style.color = '#2b4a7e'; }); a.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); openModal(); }); var anchor = card.querySelector('select') || card.querySelector('[class*="Option"], [class*="option"]'); if (anchor && anchor.parentNode) { anchor.parentNode.insertBefore(a, anchor.nextSibling); } else { card.appendChild(a); } } function collectRoots(){ var roots = [document]; try { var all = document.querySelectorAll('*'); for (var i = 0; i < all.length; i++){ if (all[i].shadowRoot){ roots.push(all[i].shadowRoot); } } } catch(e){} return roots; } function scan(){ collectRoots().forEach(function(root){ var cards = root.querySelectorAll(CARD_SEL); for (var i = 0; i < cards.length; i++){ addLinkTo(cards[i]); } }); } scan(); if (window.MutationObserver){ new MutationObserver(function(){ scan(); }).observe(document.documentElement, {childList:true, subtree:true}); } var ticks = 0; var iv = setInterval(function(){ scan(); if (++ticks > 40) clearInterval(iv); }, 1500); })(); /* ============================================================ 3) BEFORE-PRICE (rød overstreget "normalpris" – desktop + mobil) Vises til HØJRE for den rigtige pris. Kun fra og med 2 polos. Beløb = antal valgte polos × NORMALPRIS ============================================================ */ (function () { if (window.__pbzBeforePrice) return; window.__pbzBeforePrice = true; var REGULAR = 49.99; // <-- normalpris pr. polo var CURRENCY = '$'; var RED = '#e11900'; var MIN_QTY = 2; // <-- vis kun fra og med dette antal polos function visible(el){ return !!(el && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)); } function isPrice(t){ return /^\$\s?[\d][\d.,]*$/.test((t || '').trim()); } // Antal valgte polos, aflæst fra "X item(s)"-teksten (også skjult). function readQty(){ var els = document.querySelectorAll('*'); for (var i = 0; i < els.length; i++){ var el = els[i]; if (el.children.length) continue; var m = (el.textContent || '').match(/(\d+)\s*items?\b/i); if (m) return parseInt(m[1], 10); } return null; } // Et synligt, rent pris-element (fx "$79") inde i en container. function priceInside(container, exclude){ var els = container.querySelectorAll('*'); for (var i = 0; i < els.length; i++){ var el = els[i]; if (el === exclude || el.children.length) continue; if (isPrice(el.textContent) && visible(el)) return el; } return null; } // Desktop: prisen ved siden af "Total"-labelen. function byTotal(root){ var els = root.querySelectorAll('*'); for (var i = 0; i < els.length; i++){ var el = els[i]; if (el.children.length || !visible(el)) continue; if (/^total:?$/i.test((el.textContent || '').trim())){ var c = el.parentElement, hop = 0; while (c && hop < 3){ var p = priceInside(c, el); if (p) return p; c = c.parentElement; hop++; } } } return null; } // Mobil: selve "Add To Cart"-knappen (som indeholder beløbet). function byCartButton(root){ var els = root.querySelectorAll('button, a, [role="button"]'); for (var i = 0; i < els.length; i++){ var el = els[i]; if (!visible(el)) continue; var txt = el.textContent || ''; if (/add to cart/i.test(txt) && /\$\s?\d/.test(txt)) return el; } return null; } function makeSpan(){ var s = document.createElement('span'); s.className = 'pbz-before'; s.style.cssText = 'text-decoration:line-through;color:' + RED + ';font-weight:600;' + 'margin-left:8px;white-space:nowrap;'; return s; } // Desktop: rød pris som søskende lige efter Total-beløbet. function setAfter(priceEl, show, val){ if (!priceEl) return; var host = priceEl.parentNode; var span = host.querySelector(':scope > .pbz-before'); if (!show){ if (span) span.style.display = 'none'; return; } if (!span){ span = makeSpan(); host.insertBefore(span, priceEl.nextSibling); } if (span.style.display === 'none') span.style.display = ''; if (span.textContent !== val) span.textContent = val; // undgå mutation-loop } // Mobil: rød pris tilføjet sidst i knappen (dvs. lige efter "$79"). function setInButton(btn, show, val){ if (!btn) return; var span = btn.querySelector(':scope > .pbz-before'); if (!show){ if (span) span.style.display = 'none'; return; } if (!span){ span = makeSpan(); btn.appendChild(span); } if (span.style.display === 'none') span.style.display = ''; if (span.textContent !== val) span.textContent = val; // undgå mutation-loop } var scheduled = false; function run(){ scheduled = false; var root = document.querySelector('.gbbFullPageBundle') || document; var qty = readQty(); var show = (qty != null && qty >= MIN_QTY); var val = CURRENCY + ((qty || 0) * REGULAR).toFixed(2); setAfter(byTotal(root), show, val); // desktop – efter "Total"-beløbet setInButton(byCartButton(root), show, val); // mobil – lige efter "$79" i knappen } function schedule(){ if (scheduled) return; scheduled = true; requestAnimationFrame(run); } schedule(); if (window.MutationObserver){ new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true, characterData: true }); } window.addEventListener('resize', schedule); })(); /* ============================================================ 4) PRODUKTNAVNE + KURV-LINJER Kort: "Polo - Navy Splash | ..." -> "Navy Splash" Kurv: "Lilac Gambler / M" -> "M" (navn + størrelse) ============================================================ */ (function () { if (window.__pbzNameFix) return; window.__pbzNameFix = true; var SIZES = '(XS|S|M|L|XL|XXL|2XL|3XL|4XL|5XL)'; var VARIANT_RE = new RegExp('^\\s*.+\\/\\s*' + SIZES + '\\s*$', 'i'); var SIZE_ONLY_RE = new RegExp('\\/\\s*' + SIZES + '\\s*$', 'i'); // Renser én tekstbid. Returnerer null hvis intet skal ændres. function cleanText(t){ if (!t) return null; // 1) Produktnavne: fjern "Polo - " foran og alt efter "|" if (/^\s*Polo\s*[-–—:]\s*/i.test(t)){ var s = t; if (s.indexOf('|') !== -1) s = s.split('|')[0]; s = s.replace(/^\s*Polo\s*[-–—:]\s*/i, '').replace(/\s+/g, ' ').trim(); return s || null; } // 2) Kurv-variantlinjer: "Navn / M" -> "M" if (VARIANT_RE.test(t)){ var m = t.match(SIZE_ONLY_RE); if (m) return m[1].toUpperCase(); } return null; } function collectRoots(){ var roots = [document]; try { var all = document.querySelectorAll('*'); for (var i = 0; i < all.length; i++){ if (all[i].shadowRoot){ roots.push(all[i].shadowRoot); } } } catch(e){} return roots; } // Arbejder på TEKST-noder, så det virker selv når navnet deler // element med fx "Size chart"-linket. function fixIn(root){ var containers = root.querySelectorAll('.gbbFullPageBundle, .gbbProductItem'); for (var c = 0; c < containers.length; c++){ var walker = document.createTreeWalker(containers[c], NodeFilter.SHOW_TEXT, null); var node; while ((node = walker.nextNode())){ var p = node.parentElement; if (p && p.closest && p.closest('.pbz-sg-link, .pbz-before, select, option, script, style')) continue; var cleaned = cleanText(node.nodeValue); if (cleaned !== null && cleaned !== node.nodeValue) node.nodeValue = cleaned; // undgå mutation-loop } } } var scheduled = false; function run(){ scheduled = false; collectRoots().forEach(fixIn); } function schedule(){ if (scheduled) return; scheduled = true; requestAnimationFrame(run); } schedule(); if (window.MutationObserver){ new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true, characterData: true }); } var ticks = 0; var iv = setInterval(function(){ run(); if (++ticks > 40) clearInterval(iv); }, 1500); })(); /* ============================================================ 5) 1-POLO PRIS (kun visning) Når der ligger præcis 1 polo i bundlen, vises $49.99 i Add To Cart-knappen og ved Total. Gendanner appens egen pris, så snart der ligger 2+ (eller 0) i. ============================================================ */ (function () { if (window.__pbzOnePrice) return; window.__pbzOnePrice = true; var PRICE_ONE = '$49.99'; // <-- prisen der vises ved præcis 1 polo // Valgt trin (2/3/4/5) fra den aktive trin-boks. function activeTierQty(){ var el = document.querySelector('.gbbBoxSelectionItem[data-is-active="true"]'); if (el){ var q = parseInt(el.getAttribute('data-box-quantity'), 10); if (q) return q; } return null; } // Antal polos i bundlen — to kilder: // a) "X item(s)"-teksten (desktop-panelet) // b) "Add N product(s) to get the bundle..." + valgt trin => qty = trin - N function readQty(){ var els = document.querySelectorAll('*'); for (var i = 0; i < els.length; i++){ var el = els[i]; if (el.children.length) continue; var m = (el.textContent || '').match(/(\d+)\s*items?\b/i); if (m) return parseInt(m[1], 10); } var msgs = document.querySelectorAll('.gbbDiscountMessage, .gbbDiscountMessageContainer'); for (var j = 0; j < msgs.length; j++){ var mm = (msgs[j].textContent || '').match(/add\s+(\d+)\s+product/i); if (mm){ var tier = activeTierQty(); if (tier){ var q2 = tier - parseInt(mm[1], 10); if (q2 >= 0) return q2; } } } return null; } // Elementer hvor prisen skal skiftes: appens egne klasser først, // dernæst en generel "Add to cart"-knap som fallback. function targets(){ var list = []; document.querySelectorAll('.gbbFooterNextButton, .gbbFooterDiscountedTotalValue') .forEach(function(el){ list.push(el); }); if (!list.length){ var els = document.querySelectorAll('button, a, [role="button"]'); for (var i = 0; i < els.length; i++){ var txt = els[i].textContent || ''; if (/add to cart/i.test(txt) && /\$\s?\d/.test(txt)) list.push(els[i]); } } return list; } // Husk hvad vi har overskrevet, så vi kan gendanne det igen. var touched = []; function rewritePrice(container){ if (!container) return; var walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, null); var node; while ((node = walker.nextNode())){ var p = node.parentElement; if (p && p.closest && p.closest('.pbz-before')) continue; // rør ikke compare-prisen var t = node.nodeValue; if (t.indexOf(PRICE_ONE) !== -1) return; // allerede skiftet if (/\$\s?\d[\d.,]*/.test(t)){ var nt = t.replace(/\$\s?\d[\d.,]*/, PRICE_ONE); if (nt !== t){ touched.push({ node: node, orig: t }); node.nodeValue = nt; } return; // kun første pris } } } function restoreAll(){ for (var i = 0; i < touched.length; i++){ var r = touched[i]; if (r.node.isConnected && r.node.nodeValue.indexOf(PRICE_ONE) !== -1){ r.node.nodeValue = r.orig; } } touched = []; } /* ---- 0 polos (KUN mobil): "Add To Cart • $79" -> "PICK 2+ & SAVE" ---- */ var SELECT_LABEL = 'PICK 2+ & SAVE'; var touchedZero = []; var touchedBtns = []; function applyZeroLabel(){ targets().forEach(function(btn){ if (!/add\s*to\s*cart/i.test(btn.textContent || '')) return; // kun knappen, ikke Total // Centrér teksten i knappen (gemmer de gamle værdier til gendannelse) if (!btn.__pbzCentered){ touchedBtns.push({ el: btn, jc: btn.style.justifyContent, ta: btn.style.textAlign, dp: btn.style.display }); btn.style.display = 'flex'; btn.style.justifyContent = 'center'; btn.style.textAlign = 'center'; btn.__pbzCentered = true; } var walker = document.createTreeWalker(btn, NodeFilter.SHOW_TEXT, null); var node; while ((node = walker.nextNode())){ var p = node.parentElement; if (p && p.closest && p.closest('.pbz-before')) continue; var t = node.nodeValue; var nt = t.replace(/\$\s?\d[\d.,]*/g, '') // fjern beløbet .replace(/[•·]/g, '') // fjern punkt-separatoren .replace(/add\s*to\s*cart/i, SELECT_LABEL) .replace(/\s{2,}/g, ' '); if (nt !== t){ touchedZero.push({ node: node, orig: t, mod: nt }); node.nodeValue = nt; } } }); } function restoreZero(){ for (var i = 0; i < touchedZero.length; i++){ var r = touchedZero[i]; if (r.node.isConnected && r.node.nodeValue === r.mod){ r.node.nodeValue = r.orig; // kun hvis appen ikke selv har ændret den } } touchedZero = []; for (var j = 0; j < touchedBtns.length; j++){ var b = touchedBtns[j]; if (b.el.isConnected){ b.el.style.justifyContent = b.jc; b.el.style.textAlign = b.ta; b.el.style.display = b.dp; } b.el.__pbzCentered = false; } touchedBtns = []; } var scheduled = false; function run(){ scheduled = false; var qty = readQty(); if (qty === 1){ restoreZero(); targets().forEach(rewritePrice); // vis $49.99 } else if (qty === 0 && window.innerWidth <= 600){ restoreAll(); applyZeroLabel(); // vis "PICK 2+ & SAVE" (mobil) } else { restoreAll(); // 2+ polos eller ukendt: appens egne tal restoreZero(); } } function schedule(){ if (scheduled) return; scheduled = true; requestAnimationFrame(run); } schedule(); if (window.MutationObserver){ new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true, characterData: true }); } window.addEventListener('resize', schedule); })(); /* ============================================================ 6) NY: UDSOLGTE STØRRELSER I DROPDOWN Alle størrelser vises. De udsolgte er overstreget og kan ikke vælges. Regel: appen fjerner selv udsolgte varianter fra dropdownen, så alt fra SIZES der IKKE står i dropdownen = udsolgt. Ingen netværkskald, ingen vedligeholdelse. Skal du rette noget, er det kun de 3 linjer under "indstillinger". Skriv størrelserne PRÆCIS som de hedder i Shopify. ============================================================ */ (function () { if (window.__pbzOOS) return; window.__pbzOOS = true; /* ---- indstillinger ---- */ var SIZES = ['M', 'L', 'XL', 'XXL', '3XL', '4XL', '5XL']; // hele sortimentet, i rækkefølge var SUFFIX = ' – Sold out'; // sæt til '' hvis du kun vil have stregen var STRIKE = true; // overstreg størrelsen var SEL = '.gbbFullPageBundle select, .gbbProductItem select'; function strike(s){ return STRIKE ? s.split('').map(function(c){ return c + '̶'; }).join('') : s; } // "XXL" og "2XL" behandles som samme størrelse function key(s){ s = (s || '').trim().toUpperCase().replace(/[^A-Z0-9]/g, ''); return s === '2XL' ? 'XXL' : s; } // Er denne

Polos

Example heading