.news

/* as.if.records PDP behaviour Keeps Prestige's native product form, variant rerendering, cart drawer and accelerated checkout intact. This file only adds progressive enhancement. */ (function () { 'use strict'; if (!document.body.classList.contains('pdp')) return; var mutationTimer; var lastFocus; var sizeListExpanded = false; var colorToastTimer; var colorToastRequestedUntil = 0; var colorToastShownPreview; function q(selector, root) { return (root || document).querySelector(selector); } function qa(selector, root) { return Array.prototype.slice.call((root || document).querySelectorAll(selector)); } function mainForm() { var picker = q('variant-picker[form-id]'); var formId = picker && picker.getAttribute('form-id'); return (formId && document.getElementById(formId)) || q('form[action*="/cart/add"]'); } function optionMap() { var form = mainForm(); var map = {}; if (!form) return map; qa('input[data-option-position]').forEach(function (input) { if (input.form !== form) return; var position = input.getAttribute('data-option-position'); (map[position] = map[position] || []).push(input); }); return map; } function sizePosition() { var map = optionMap(); var positions = Object.keys(map).sort(); if (positions.length < 2) return null; var position = positions[positions.length - 1]; return map[position].length > 1 ? position : null; } function sizeInputs() { var position = sizePosition(); return position ? (optionMap()[position] || []) : []; } function sizeChosen() { var inputs = sizeInputs(); if (!inputs.length) return true; return inputs.some(function (input) { return input.checked; }); } function sizeHint(show) { var hint = q('[data-pdp-size-hint]'); if (!hint) return; hint.hidden = !show; if (show) { hint.classList.remove('is-pulse'); void hint.offsetWidth; hint.classList.add('is-pulse'); } } function promptForSize() { var first = sizeInputs()[0]; sizeHint(true); if (!first) return; var target = first.closest('fieldset') || first; target.scrollIntoView({ block: 'center', behavior: 'smooth' }); window.setTimeout(function () { if (first.focus) first.focus({ preventScroll: true }); }, 350); } function markSingleOptions() { var map = optionMap(); Object.keys(map).forEach(function (position) { var input = map[position][0]; var field = input && (input.closest('.variant-picker__option') || input.closest('fieldset')); if (!field) return; if (map[position].length === 1) { field.setAttribute('data-pdp-single', ''); } else { field.removeAttribute('data-pdp-single'); } }); } function setupSizeDisclosure() { var field = q('[data-pdp-size-option]'); if (!field) return; var values = q('[data-pdp-option-values]', field); var inputs = qa('input[data-option-position]', field); if (!values || inputs.length <= 5) return; var canonicalSizes = ['XS', 'S', 'M', 'L', 'XL']; var labels = inputs.map(function (input) { return input.nextElementSibling && input.nextElementSibling.matches('label, a') ? input.nextElementSibling : null; }).filter(Boolean); var availableNames = labels.map(function (label) { return label.textContent.trim().toUpperCase(); }); var isClothingScale = canonicalSizes.every(function (size) { return availableNames.indexOf(size) > -1; }); if (!isClothingScale) return; var selectedExtended = inputs.some(function (input) { var label = input.nextElementSibling; if (!input.checked || !label) return false; return canonicalSizes.indexOf(label.textContent.trim().toUpperCase()) === -1; }); if (selectedExtended) sizeListExpanded = true; values.classList.add('pdp-size-values'); values.classList.toggle('is-pdp-size-expanded', sizeListExpanded); labels.forEach(function (label) { var size = label.textContent.trim().toUpperCase(); label.classList.toggle('pdp-size-extra', canonicalSizes.indexOf(size) === -1); }); var toggle = q('[data-pdp-size-more]', values); if (!toggle) { toggle = document.createElement('button'); toggle.type = 'button'; toggle.className = 'pdp-size-more'; toggle.setAttribute('data-pdp-size-more', ''); values.appendChild(toggle); } toggle.setAttribute('aria-expanded', sizeListExpanded ? 'true' : 'false'); toggle.textContent = sizeListExpanded ? 'Weniger Größen' : 'Weitere Größen'; } function hideColorToast() { var preview = q('[data-pdp-variant-preview]'); if (!preview) return; preview.classList.remove('is-visible'); preview.setAttribute('aria-hidden', 'true'); colorToastRequestedUntil = 0; colorToastShownPreview = null; } function showColorToast() { var preview = q('[data-pdp-variant-preview]'); if (!preview) return; if (preview === colorToastShownPreview && preview.classList.contains('is-visible')) return; window.clearTimeout(colorToastTimer); preview.classList.remove('is-visible'); void preview.offsetWidth; preview.classList.add('is-visible'); preview.setAttribute('aria-hidden', 'false'); colorToastShownPreview = preview; colorToastTimer = window.setTimeout(hideColorToast, 3600); } function requestColorToast() { colorToastRequestedUntil = Date.now() + 1200; window.setTimeout(function () { if (Date.now() <= colorToastRequestedUntil) showColorToast(); }, 140); } function syncExpressCheckout(locked) { qa('.shopify-payment-button').forEach(function (wrapper) { var lock = q('.pdp-express-lock', wrapper); if (locked && !lock) { lock = document.createElement('button'); lock.type = 'button'; lock.className = 'pdp-express-lock'; lock.setAttribute('aria-label', 'Bitte zuerst eine Größe wählen'); lock.innerHTML = 'Größe wählen'; lock.addEventListener('click', promptForSize); wrapper.appendChild(lock); } else if (!locked && lock) { lock.remove(); } wrapper.classList.toggle('is-pdp-locked', locked); wrapper.setAttribute('aria-disabled', locked ? 'true' : 'false'); qa('iframe, button, input, a', wrapper).forEach(function (control) { if (control.classList.contains('pdp-express-lock')) return; if (locked) { if (!control.hasAttribute('data-pdp-tabindex')) { control.setAttribute('data-pdp-tabindex', control.getAttribute('tabindex') || ''); } control.setAttribute('tabindex', '-1'); } else if (control.hasAttribute('data-pdp-tabindex')) { var original = control.getAttribute('data-pdp-tabindex'); if (original === '') { control.removeAttribute('tabindex'); } else { control.setAttribute('tabindex', original); } control.removeAttribute('data-pdp-tabindex'); } }); }); } function selectedVariantAvailable() { var picker = q('variant-picker[form-id]'); var data = picker && q('script[data-variant]', picker); if (!data) return null; try { return JSON.parse(data.textContent || '{}').available !== false; } catch (error) { return null; } } function syncProductSubmit(needsSize) { var form = mainForm(); var submit = form && q('button[type="submit"], input[type="submit"]', form); if (!form || !submit) return; form.classList.toggle('asif-size-required', needsSize); if (needsSize) { submit.disabled = true; return; } if (selectedVariantAvailable() === true) { submit.disabled = false; var describedBy = submit.getAttribute('aria-describedby') || ''; if (describedBy.indexOf('asif-size-error') > -1) { submit.removeAttribute('aria-describedby'); } } qa('.asif-size-error', form).forEach(function (error) { error.hidden = true; }); } function sync() { var needsSize = sizeInputs().length > 0 && !sizeChosen(); document.body.classList.toggle('pdp-needs-size', needsSize); markSingleOptions(); setupSizeDisclosure(); syncProductSubmit(needsSize); syncExpressCheckout(needsSize); if (!needsSize) sizeHint(false); markSizeRow(); } function isProductSubmit(button) { if (!button) return false; var form = button.form; if (!form && button.getAttribute('form')) { form = document.getElementById(button.getAttribute('form')); } return Boolean(form && form.action && form.action.indexOf('/cart/add') > -1); } document.addEventListener('click', function (event) { var button = event.target.closest && event.target.closest('button[type="submit"]'); if (!button || !isProductSubmit(button) || sizeChosen()) return; event.preventDefault(); event.stopImmediatePropagation(); promptForSize(); }, true); document.addEventListener('change', function (event) { var input = event.target; if (!input || !input.matches || !input.matches('input[data-option-position]')) return; if (input.getAttribute('data-option-position') === sizePosition()) { sizeHint(false); } if (input.closest('[data-pdp-color-option]')) { requestColorToast(); } window.setTimeout(sync, 0); }, true); function openSizeDrawer(trigger) { var drawer = q('[data-pdp-drawer]'); if (!drawer) return; lastFocus = trigger || document.activeElement; drawer.hidden = false; drawer.setAttribute('aria-hidden', 'false'); document.documentElement.classList.add('pdp-drawer-open'); var close = q('[data-pdp-close]', drawer); if (close) close.focus({ preventScroll: true }); } function closeSizeDrawer() { var drawer = q('[data-pdp-drawer]'); if (!drawer || drawer.hidden) return; drawer.hidden = true; drawer.setAttribute('aria-hidden', 'true'); document.documentElement.classList.remove('pdp-drawer-open'); if (lastFocus && lastFocus.isConnected && lastFocus.focus) { lastFocus.focus({ preventScroll: true }); } } document.addEventListener('click', function (event) { var sizeMore = event.target.closest && event.target.closest('[data-pdp-size-more]'); if (sizeMore) { event.preventDefault(); sizeListExpanded = !sizeListExpanded; setupSizeDisclosure(); return; } var colorPreview = event.target.closest && event.target.closest('[data-pdp-variant-preview]'); if (colorPreview) { event.preventDefault(); hideColorToast(); var zoomButton = q('.product-gallery__zoom-button:not(.product-gallery__zoom-button--hidden)'); if (zoomButton) { zoomButton.click(); } else { var gallery = q('.product-gallery'); if (gallery) gallery.scrollIntoView({ block: 'start', behavior: 'smooth' }); } return; } var open = event.target.closest && event.target.closest('[data-pdp-open="size"]'); if (open) { event.preventDefault(); openSizeDrawer(open); return; } if (event.target.closest && event.target.closest('[data-pdp-close]')) { event.preventDefault(); closeSizeDrawer(); } }); document.addEventListener('keydown', function (event) { if (event.key === 'Escape') closeSizeDrawer(); }); function shippingNudge() { var host = q('[data-pdp-shipping-nudge]'); if (!host) return; var threshold = parseInt(host.getAttribute('data-threshold') || '0', 10); if (!threshold) return; fetch('/cart.js', { headers: { Accept: 'application/json' } }) .then(function (response) { return response.json(); }) .then(function (cart) { if (!cart || !cart.item_count) return; var missing = threshold - cart.total_price; host.textContent = missing <= 0 ? 'Versand geht auf uns.' : 'Noch ' + (missing / 100).toFixed(2).replace('.', ',') + ' € bis frei Haus.'; host.hidden = false; }) .catch(function () {}); } function markSizeRow() { var chosen = sizeInputs().filter(function (input) { return input.checked; })[0]; var label = chosen && (chosen.nextElementSibling || {}).textContent; qa('.pdp-sizetable tr').forEach(function (row) { row.removeAttribute('data-pdp-current'); }); if (!label) return; var wanted = label.trim().toLowerCase(); qa('.pdp-sizetable tbody tr').forEach(function (row) { var heading = q('th', row); if (heading && heading.textContent.trim().toLowerCase() === wanted) { row.setAttribute('data-pdp-current', ''); } }); } var observer = new MutationObserver(function () { window.clearTimeout(mutationTimer); mutationTimer = window.setTimeout(function () { sync(); if (Date.now() <= colorToastRequestedUntil) showColorToast(); }, 80); }); function boot() { sync(); window.setTimeout(sync, 600); shippingNudge(); observer.observe(document.body, { childList: true, subtree: true }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot, { once: true }); } else { boot(); } })();