Beschreibung

window.dhmVariantMediaGuard={variantFiles:[„brosi-stand-gunungan-60-concrete-01.webp“, „brosi-stand-gunungan-60-wagir-brown-01.webp“, „brosi-stand-gunungan-80-concrete-01.webp“, „brosi-stand-gunungan-80-wagir-brown-01.webp“],productFiles:[],extraSwatches:{„60 cm“: „brosi-stand-gunungan-60-concrete-01.webp“, „80 cm“: „brosi-stand-gunungan-80-concrete-01.webp“}};
(function(){
var cfg=window.dhmVariantMediaGuard||{}, variantFiles=cfg.variantFiles||[], productFiles=cfg.productFiles||[], extraSwatches=cfg.extraSwatches||{};
if(!variantFiles.length) return;
function ensureSwatchCss(){
if(document.getElementById(‚dhm-product-variant-media-guard-css‘)) return;
var style=document.createElement(’style‘);
style.id=’dhm-product-variant-media-guard-css‘;
style.textContent=‘.product_page_template .tt-product-single-info .tt-options-swatch li a.dhm-image-swatch{position:relative!important;width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important;padding:4px!important;border-radius:10px!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;font-size:0!important;line-height:0!important;overflow:hidden!important}.product_page_template .tt-product-single-info .tt-options-swatch li a.dhm-image-swatch:before{content:““!important;display:block!important}.product_page_template .tt-product-single-info .tt-options-swatch li.active a.dhm-image-swatch:after,.product_page_template .tt-product-single-info .tt-options-swatch li a.dhm-image-swatch.active:after{content:“✓“!important;position:absolute!important;top:6px!important;right:6px!important;left:auto!important;bottom:auto!important;display:flex!important;width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 9px rgba(0,0,0,.2)!important;color:#1f1b17!important;font-size:14px!important;line-height:1!important;font-weight:800!important}.product_page_template .tt-product-single-info .tt-options-swatch li a.dhm-text-swatch{width:100%!important;min-width:126px!important;height:auto!important;min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px solid #dcd2c4!important;border-radius:13px!important;background:#fff!important;background-image:none!important;color:#2b2722!important;padding:13px 14px!important;font-size:0!important;font-weight:650!important;line-height:1.24!important;box-shadow:0 4px 12px rgba(31,27,23,.04)!important;overflow:visible!important}.product_page_template .tt-product-single-info .tt-options-swatch li a.dhm-text-swatch:before{content:attr(data-dhm-label)!important;display:block!important;font-size:15.5px!important;line-height:1.24!important}.product_page_template .tt-product-single-info .tt-options-swatch li.active a.dhm-text-swatch:after,.product_page_template .tt-product-single-info .tt-options-swatch li a.dhm-text-swatch.active:after{content:“✓“!important;position:static!important;display:inline-block!important;width:auto!important;height:auto!important;margin-left:8px!important;background:transparent!important;box-shadow:none!important;color:#1f1b17!important;font-size:15px!important;font-weight:800!important}‘;
document.head&&document.head.appendChild(style);
}
function srcOf(img){return [img.currentSrc,img.src,img.getAttribute(‚data-src‘),img.getAttribute(‚data-lazy‘),img.getAttribute(‚data-zoom-image‘),img.getAttribute(’srcset‘),img.alt].filter(Boolean).join(‚ ‚);}
function fileNeedles(file){
file=String(file||“).split(‚/‘).pop().split(‚?‘)[0];
var dot=file.lastIndexOf(‚.‘);
var stem=dot>0?file.slice(0,dot):file;
return [file,stem];
}
function hasAny(text, files){
text=String(text||“);
return files.some(function(f){return fileNeedles(f).some(function(n){return n&&text.indexOf(n)>=0;});});
}
function swatchUrl(file){
file=String(file||“).split(‚/‘).pop().split(‚?‘)[0];
return ‚//’+location.host+’/cdn/shop/files/’+file;
}
var swatchImageCache={};
function makeTextSwatch(a,value){
a.classList.add(‚dhm-text-swatch‘);
a.classList.remove(‚dhm-image-swatch‘,’options-color‘);
a.removeAttribute(‚data-optionimage‘);
a.style.setProperty(‚background-image‘,’none‘,’important‘);
a.style.removeProperty(‚background-size‘);
a.style.removeProperty(‚background-position‘);
a.style.removeProperty(‚background-repeat‘);
a.style.removeProperty(‚width‘);
a.style.removeProperty(‚min-width‘);
a.style.removeProperty(‚height‘);
a.style.removeProperty(‚min-height‘);
a.style.removeProperty(‚font-size‘);
if(value) a.textContent=value;
}
function makeImageSwatch(a,value,url){
a.classList.add(‚options-color‘,’dhm-image-swatch‘);
a.classList.remove(‚dhm-text-swatch‘);
a.setAttribute(‚data-optionimage‘,’true‘);
a.setAttribute(‚data-tooltip‘,value);
a.setAttribute(‚title‘,value);
a.setAttribute(‚aria-label‘,value);
a.style.setProperty(‚background-image‘,’url(‚+url+‘)‘,’important‘);
a.style.setProperty(‚background-size‘,’cover‘,’important‘);
a.style.setProperty(‚background-position‘,’center‘,’important‘);
a.style.setProperty(‚background-repeat‘,’no-repeat‘,’important‘);
a.style.setProperty(‚width‘,’78px‘,’important‘);
a.style.setProperty(‚min-width‘,’78px‘,’important‘);
a.style.setProperty(‚height‘,’78px‘,’important‘);
a.style.setProperty(‚min-height‘,’78px‘,’important‘);
a.style.setProperty(‚font-size‘,’0′,’important‘);
a.textContent=“;
}
function imageExists(url,cb){
if(swatchImageCache[url]!==undefined){cb(swatchImageCache[url]);return;}
var img=new Image();
img.onload=function(){swatchImageCache[url]=true;cb(true);};
img.onerror=function(){swatchImageCache[url]=false;cb(false);};
img.src=url;
}
function applyExtraSwatches(){
[].slice.call(document.querySelectorAll(‚.tt-swatches-container .tt-wrapper‘)).forEach(function(wrapper){
[].slice.call(wrapper.querySelectorAll(‚a[data-value]‘)).forEach(function(a){
var value=a.getAttribute(‚data-value‘)||“;
var file=extraSwatches[value];
a.setAttribute(‚data-dhm-label‘,value);
if(file){
var url=swatchUrl(file);
if(swatchImageCache[url]===true){
makeImageSwatch(a,value,url);
} else if(swatchImageCache[url]===false){
makeTextSwatch(a,value);
} else {
makeTextSwatch(a,value);
imageExists(url,function(ok){
if(!document.body.contains(a)) return;
if(ok) makeImageSwatch(a,value,url);
else makeTextSwatch(a,value);
});
}
} else if(!(getComputedStyle(a).backgroundImage||“).match(/url(/)){
makeTextSwatch(a,value);
}
});
});
}
function isVariantImage(img){return hasAny(srcOf(img),variantFiles);}
function isProductImage(img){return !isVariantImage(img)&&(hasAny(srcOf(img),productFiles)||!productFiles.length);}
function findPrimary(){
var imgs=[].slice.call(document.querySelectorAll(‚.tt-product-single-img img,.tt-mobile-product-slider img,.product-images-carousel img,.tt-product-single-info img,img‘));
return imgs.find(function(img){return !img.closest(‚.tt-swatches-container‘)&&isProductImage(img);});
}
function bestSrc(img, size){
var raw=img.currentSrc||img.src||img.getAttribute(‚data-lazy‘)||img.getAttribute(‚data-src‘)||img.getAttribute(‚data-zoom-image‘)||“;
if(size&&raw) raw=raw.replace(/_(80|100|160|300|600|1024|2048)x(?=.)/,’_’+size+’x‘);
return raw;
}
function applyPrimary(target, primary){
if(!target||!primary) return;
[’src‘,’srcset‘,’data-src‘,’data-lazy‘,’data-zoom-image‘].forEach(function(a){var v=primary.getAttribute(a);if(v) target.setAttribute(a,v);});
var src=bestSrc(primary,’1024′);
if(src) {
target.src=src;
target.setAttribute(’src‘,src);
target.setAttribute(‚data-lazy‘,src);
}
var zoom=bestSrc(primary,’2048′);
if(zoom) target.setAttribute(‚data-zoom-image‘,zoom);
}
function hideVariantGalleryImages(){
var primary=findPrimary();
[].slice.call(document.images).forEach(function(img){
if(img.closest(‚.tt-swatches-container‘)) return;
if(!isVariantImage(img)) return;
if(img.classList.contains(‚zoom-product‘)||img.closest(‚.mediaimageholder‘)){
applyPrimary(img,primary);
return;
}
var box=img.closest(‚.slick-slide,.product-images-carousel li,.product-images-carousel div,.tt-mobile-product-slider > div‘);
if(box) box.style.display=’none‘;
});
var zoom=document.querySelector(‚.zoom-product‘);
if(zoom&&isVariantImage(zoom)&&primary) applyPrimary(zoom,primary);
}
document.addEventListener(‚click‘,function(e){
if(e.target&&e.target.closest(‚.tt-swatches-container‘)) setTimeout(function(){applyExtraSwatches();hideVariantGalleryImages();},80);
},true);
document.addEventListener(‚change‘,function(){setTimeout(function(){applyExtraSwatches();hideVariantGalleryImages();},80);},true);
function watchSwatches(){
if(!window.MutationObserver) return;
var root=document.querySelector(‚.tt-swatches-container‘)||document.querySelector(‚.product_page_template‘)||document.body;
if(!root||root.getAttribute(‚data-dhm-variant-media-watch‘)) return;
root.setAttribute(‚data-dhm-variant-media-watch‘,’1′);
var pending=false;
new MutationObserver(function(){
if(pending) return;
pending=true;
setTimeout(function(){pending=false;applyExtraSwatches();hideVariantGalleryImages();},80);
}).observe(root,{childList:true,subtree:true,attributes:true,attributeFilter:[‚class‘,’style‘,’data-value‘,’title‘,’data-optionimage‘]});
}
function run(){ensureSwatchCss();applyExtraSwatches();hideVariantGalleryImages();watchSwatches();}
if(document.readyState===’loading‘) document.addEventListener(‚DOMContentLoaded‘,run); else run();
setTimeout(run,400);
setTimeout(run,1200);
setTimeout(run,2600);
setTimeout(run,5200);
})();