(() => { const version = 'preview-load-v2'; const existing = window.stikkmaCartPreviewHints; if (existing?.version === version) { existing.refresh(); return; } existing?.destroy?.(); const rowSelector = '.kaching-cart-item[data-line-key]'; const imageSelector = 'img.kaching-cart-item__image'; const mainSelector = '.line-item[data-live-item-key]'; const previews = new Map(); const authoritative = new Set(); const images = new WeakMap(); const hiddenImages = new Set(); const containedImages = new Set(); const watchedImages = new Set(); let disposed = false; function normalizeUrl(value) { try { return value ? new URL(value, document.baseURI) : null; } catch (_) { return null; } } function previewUrl(image) { return validPreview(image.getAttribute('src')); } function validPreview(value) { const url = normalizeUrl(value); return url?.protocol === 'https:' && url.hostname === 'upload.cloudlift.app' ? url.href : null; } function seed(items) { if (!Array.isArray(items)) return; items.forEach(item => { if (typeof item?.key !== 'string' || !item.key) return; const properties = Array.isArray(item.properties) ? Object.fromEntries(item.properties.filter(property => property && typeof property.name === 'string').map(property => [property.name, property.value])) : item.properties; const url = validPreview(properties?._preview); authoritative.add(item.key); if (url) previews.set(item.key, url); else previews.delete(item.key); }); } function seedCachedCart() { try { seed(window.kachingCartApi?.getCartData?.()?.items); } catch (_) {} } function remember(image, key) { const url = previewUrl(image); let state = images.get(image); if (!state || state.key !== key) { state = { key, blocked: state ? url : null, hidden: state?.hidden, visibility: state?.visibility, priority: state?.priority, contained: state?.contained, objectFit: state?.objectFit, objectFitPriority: state?.objectFitPriority }; images.set(image, state); } if (!authoritative.has(key) && url && url !== state.blocked) { previews.set(key, url); state.blocked = null; } return state; } function setAttribute(element, name, value) { if (element.getAttribute(name) !== value) element.setAttribute(name, value); } function showCurrentImage(image, state) { if (!state.hidden) return; if (state.visibility) image.style.setProperty('visibility', state.visibility, state.priority); else image.style.removeProperty('visibility'); state.hidden = false; hiddenImages.delete(image); } function hideStaleImage(image, state) { if (state.hidden) return; state.visibility = image.style.getPropertyValue('visibility'); state.priority = image.style.getPropertyPriority('visibility'); state.hidden = true; hiddenImages.add(image); image.style.setProperty('visibility', 'hidden', 'important'); } function containPreview(image, state) { if (!state.contained) { state.objectFit = image.style.getPropertyValue('object-fit'); state.objectFitPriority = image.style.getPropertyPriority('object-fit'); state.contained = true; containedImages.add(image); } if (image.style.getPropertyValue('object-fit') !== 'contain' || image.style.getPropertyPriority('object-fit') !== 'important') { image.style.setProperty('object-fit', 'contain', 'important'); } } function restoreObjectFit(image, state) { if (!state.contained) return; if (state.objectFit) image.style.setProperty('object-fit', state.objectFit, state.objectFitPriority); else image.style.removeProperty('object-fit'); state.contained = false; containedImages.delete(image); } function markRow(row) { const key = row.getAttribute('data-line-key'); if (!key) return; setAttribute(row, 'data-live-item-key', key); row.querySelectorAll(imageSelector).forEach(image => { if (!watchedImages.has(image)) { watchedImages.add(image); image.addEventListener('load', onImageReady); image.addEventListener('error', onImageReady); } setAttribute(image, 'data-live-item-image', ''); const state = remember(image, key); const url = previews.get(key); if (url) { const responsive = ['srcset', 'data-srcset', 'data-src']; if (image.getAttribute('src') !== url || responsive.some(name => image.hasAttribute(name)) || !loaded(image, url)) hideStaleImage(image, state); setAttribute(image, 'src', url); responsive.forEach(name => { if (image.hasAttribute(name)) image.removeAttribute(name); }); state.blocked = null; if (loaded(image, url)) showCurrentImage(image, state); else hideStaleImage(image, state); } else if (state.blocked && previewUrl(image) === state.blocked) hideStaleImage(image, state); else showCurrentImage(image, state); if (url && !state.blocked) containPreview(image, state); else restoreObjectFit(image, state); }); } function loaded(image, expected) { return image.complete && image.naturalWidth > 0 && normalizeUrl(image.currentSrc || image.getAttribute('src'))?.href === expected; } function onImageReady(event) { if (disposed) return; const row = event.currentTarget.closest(rowSelector); if (row) markRow(row); } function refresh() { if (disposed) return; document.querySelectorAll(mainSelector).forEach(row => { const key = row.getAttribute('data-live-item-key'); row.querySelectorAll('img.line-item__media').forEach(image => remember(image, key)); }); document.querySelectorAll(rowSelector).forEach(markRow); } const observer = new MutationObserver(refresh); observer.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-line-key', 'data-live-item-key', 'src', 'srcset', 'data-srcset', 'data-src'] }); function onCart(event) { seed(event.type === 'kaching-cart:item-added' ? [event.detail?.item] : event.detail?.cart?.items); refresh(); } function onOpen() { seedCachedCart(); refresh(); } document.addEventListener('kaching-cart:item-added', onCart); document.addEventListener('kaching-cart:cart-updated', onCart); document.addEventListener('kaching-cart:open', onOpen); window.stikkmaCartPreviewHints = { version, refresh: onOpen, destroy() { if (disposed) return; disposed = true; observer.disconnect(); document.removeEventListener('kaching-cart:item-added', onCart); document.removeEventListener('kaching-cart:cart-updated', onCart); document.removeEventListener('kaching-cart:open', onOpen); watchedImages.forEach(image => { image.removeEventListener('load', onImageReady); image.removeEventListener('error', onImageReady); }); hiddenImages.forEach(image => showCurrentImage(image, images.get(image))); containedImages.forEach(image => restoreObjectFit(image, images.get(image))); delete window.stikkmaCartPreviewHints; } }; seedCachedCart(); refresh(); })(); (()=>{ if(window.stikkmaAtelierCart)return;window.stikkmaAtelierCart=1; let root,frame;const make=t=>document.createElement(t),known=c=>/^(kurze-sporthose|stutzen-einfarbig)$/.test(c.dataset.productHandle); const observer=new MutationObserver(()=>{if(!frame)frame=requestAnimationFrame(()=>{frame=0;sync()})}); function sync(){ const r=document.getElementById('kaching-cart');if(!r)return; if(root!==r){root=r;observer.disconnect();observer.observe(r,{childList:true,subtree:true,attributes:true,attributeFilter:['src']})} const heading=r.querySelector('.kaching-cart__heading');if(heading&&heading.textContent==='Warenkorb')heading.innerHTML='Deine Auswahl.'; const header=r.querySelector('.kaching-cart__header');let count=0;r.querySelectorAll('.kaching-cart-item__quantity-input').forEach(e=>count+=Number(e.value)||1);if(header&&header.dataset.stikkmaCount!==count+' Artikel')header.dataset.stikkmaCount=count+' Artikel'; r.querySelectorAll('.kaching-upsell-module--product-upsell').forEach(u=>{ const module=u.closest('.kaching-cart__module');if(!module)return;module.classList.add('stikkma-outfit-module'); let d=u.parentElement;if(!d.matches('.stikkma-outfit')){d=make('details');d.className='stikkma-outfit';const s=make('summary');s.innerHTML='';u.before(d);d.append(s,u);d.addEventListener('toggle',()=>{if(d.open)d.scrollIntoView({block:'start'})})} const all=[...u.querySelectorAll('.kaching-product-upsell-item')];if(all.some(known)&&[...r.querySelectorAll('.kaching-cart-item__title')].some(e=>/trikot/i.test(e.textContent)))d.dataset.kit='1';const kit=d.dataset.kit==='1';const cards=all.filter(c=>!kit||known(c));all.forEach(c=>{const li=c.closest('li');if(li)li.hidden=kit&&!known(c)});d.hidden=!cards.length; d.dataset.dortmund=[...r.querySelectorAll('.kaching-cart-item__title')].some(e=>/^Dortmund.*trikot/i.test(e.textContent))?'1':'0';if(kit&&d.dataset.dortmund==='1')cards.forEach(c=>{const s=c.querySelector('select[data-option-name="Farbe"]');if(s&&[...s.options].some(o=>o.value==='Schwarz')&&s.value!=='Schwarz'){s.value='Schwarz';s.dispatchEvent(new Event('change',{bubbles:true}))}}); const title=kit?'Passend zu deinem Trikot.':'Passend zu deiner Auswahl.',discount=cards.length&&cards.every(c=>/30\s*%/.test(c.querySelector('.kaching-product-upsell-item__badge')?.textContent||'')),hint=discount?(cards.length>1?'Hose & Stutzen mit 30 % Vorteil':'Deine Ergänzung mit 30 % Vorteil'):'Entdecke passende Ergänzungen.'; [['.stikkma-outfit-title',title],['.stikkma-outfit-hint',hint]].forEach(([s,t])=>{const e=d.querySelector(s);if(e.textContent!==t)e.textContent=t}); const images=cards.slice(0,2).map(c=>c.querySelector('img')).filter(Boolean),key=images.map(i=>i.src).join('|'),pair=d.querySelector('.stikkma-outfit-pair');if(pair.dataset.images!==key){pair.dataset.images=key;pair.replaceChildren(...images.map(i=>{const n=make('img');n.src=i.src;n.alt='';n.width=56;n.height=70;return n}))} }); const code=r.querySelector('.kaching-cart__discount-code');if(code&&!code.closest('.stikkma-coupon')){const d=make('details'),s=make('summary');d.className='stikkma-coupon';s.textContent='Gutscheincode';code.before(d);d.append(s,code)} } observer.observe(document.documentElement,{childList:true,subtree:true});document.addEventListener('kaching-cart:open',sync);document.addEventListener('kaching-cart:cart-updated',sync);sync(); })();

Größenlauf	One Size
Materialzusammensetzung	47% Baumwolle / 25% Polyester / 28% Nylon

Cap Retro Trucker 2-tone

Cap Retro Trucker 2-tone

Customer Reviews