'); $(sw).insertAfter(select); } select.swatchLabel = label; select.swatchElement = sw; var pro_class = $('#product_addtocart_form').attr('data-product-sku'); $(select).css({position: 'absolute', top: '-9999px'}); var i = 0; $(select[0].options).each(function () { if ($(this).val()) { var elm; var key = trim($(this).html()); if ($(this).attr('price')) { key = trim(key.replace(/\+([^+]+)$/, '')); } var item = find_swatch(label, key); if (item && label != 'Maße der Tischplatte') { var imgsrc = 'https://sit-stand.com/pub/media/hk_option_swatches/' + item.img; elm = "
"; } else if (item && label != 'Standardfarben'){ var imgsrc = 'https://sit-stand.com/pub/media/hk_option_swatches/' + item.img; elm = "
"; } else if (item && label != 'Sonderfarben'){ var imgsrc = 'https://sit-stand.com/pub/media/hk_option_swatches/' + item.img; elm = "
"; } else { // if($(this).html().indexOf('NUR DER RAHMEN') != -1){ // elm = "
"; // } // if($(this).html().indexOf('120x80') != -1){ // elm = "
"; // } // if($(this).html().indexOf('140x80') != -1){ // elm = "
"; // }if($(this).html().indexOf('160x80') != -1){ // elm = "
"; // }if($(this).html().indexOf('180x80') != -1){ // elm = "
"; // }if($(this).html().indexOf('120x160x80x60') != -1){ // elm = "
"; // }if($(this).html().indexOf('160x160x80x60') != -1){ // elm = "
"; // }if($(this).html().indexOf('180x160x80x60') != -1){ // elm = "
"; // } // if($(this).html().indexOf('NUR DER RAHMEN') != -1){ // elm = "
"; // } if($(this).html().indexOf('NUR DER RAHMEN') != -1){ if(pro_class == 'YD-PRO-1'){ elm = "
"; }else{ // elm = "
"; elm = "
"; } } if($(this).html().indexOf('120x80') != -1 && $(this).html().indexOf('NUR DER RAHMEN') == -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('120x80') != -1 && $(this).html().indexOf('NUR DER RAHMEN') != -1){ // elm = "
"; elm = "
"; } // if($(this).html().indexOf('100x70') != -1){ // elm = "
"; // }if($(this).html().indexOf('100x60') != -1){ // elm = "
"; // } if($(this).html().indexOf('140x80') != -1 && $(this).html().indexOf('NUR DER RAHMEN') == -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('140x80') != -1 && $(this).html().indexOf('NUR DER RAHMEN') != -1){ elm = "
"; }if($(this).html().indexOf('160x80') != -1 && $(this).html().indexOf('NUR DER RAHMEN') == -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('160x80') != -1 && $(this).html().indexOf('NUR DER RAHMEN') != -1){ elm = "
"; }if($(this).html().indexOf('180x80') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('120x160x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('160x160x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('180x160x80x60') != -1){ // elm = "
"; elm = "
"; } // if($(this).html().indexOf('120x70') != -1){ // elm = "
*
"; // } // if($(this).html().indexOf('120x70') != -1 && pro_class == "YD-PRO-1"){ // elm = "
"; // } // if($(this).html().indexOf('140x70') != -1){ // elm = "
*
"; // }if($(this).html().indexOf('160x70') != -1){ // elm = "
*
"; // } if($(this).html().indexOf('120x70') != -1){ // if(pro_class == 'YD-PRO-1' || pro_class == 'YD-PRO-2'){ // elm = "
"; // }else{ // if(pro_class == 'FT-2' || pro_class == 'FLYTTA 2 M'){ // elm = "
"; // }else{ // elm = "
*
"; // } // } elm = "
"; }if($(this).html().indexOf('100x70') != -1){ if(pro_class == 'YD-PRO-1'){ // elm = "
*
"; elm = "
*
"; }else{ elm = "
*
"; } }if($(this).html().indexOf('100x60') != -1){ if(pro_class == 'YD-PRO-1'){ elm = "
*
"; }else{ elm = "
*
"; } }if($(this).html().indexOf('140x70') != -1){ if(pro_class == 'FT-2' || pro_class == 'FLYTTA 2 M'){ elm = "
"; }else{ elm = "
*
"; } } if($(this).html().indexOf('160x70') != -1){ if(pro_class == 'FT-2' || pro_class == 'FLYTTA 2 M'){ elm = "
"; }else{ elm = "
"; } } if($(this).html().indexOf('180x70') != -1){ elm = "
"; }if($(this).html().indexOf('240x120') != -1){ elm = "
"; }if($(this).html().indexOf('70x70') != -1){ elm = "
"; }if($(this).html().indexOf('90x60') != -1){ elm = "
"; }if($(this).html().indexOf('70cm [Diameter - Round]') != -1){ elm = "
"; }if($(this).html().indexOf('240x100cm [Barrel]') != -1){ elm = "
"; }if($(this).html().indexOf('240x100cm [Oval]') != -1){ elm = "
"; }if($(this).html().indexOf('300x110cm [Barrel]') != -1){ elm = "
"; }if($(this).html().indexOf('300x110cm [Oval]') != -1){ elm = "
"; }/*if($(this).html().indexOf('140x140x80x60') != -1){ elm = "
"; }if($(this).html().indexOf('160x140x80x60') != -1){ elm = "
"; }if($(this).html().indexOf('180x140x80x60') != -1){ elm = "
"; }*/ if($(this).html().indexOf('180x140x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('140x140x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('160x140x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('140x160x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('160x160x80x60') != -1){ // elm = "
"; elm = "
"; }if($(this).html().indexOf('180x160x80x60') != -1){ // elm = "
"; elm = "
"; } if(label == 'Sitzflächenmaterial'){ if($(this).attr('price') > 0){ elm = "
"; }else{ elm = "
"; } } if(label == 'Sitzhöhe'){ if($(this).attr('price') > 0){ elm = "
"; }else{ elm = "
"; } } if(label == 'Rahmen / Grundplatte'){ if($(this).attr('price') > 0){ elm = "
"; }else{ elm = "
"; } } //elm = "" + $(this).html() + ""; } sw.append(elm); } i++; }); if(label == 'Rahmenfarbe'){ select.parent().parent().append(''); } } function tab_swatches(label, select) { select.parent().parent().parent().addClass('control-section').addClass(label.replace(' ','_')); select.parent().parent().parent().parent().find('label.label').addClass('control-labels').addClass(label.replace(' ','_')); select.parent().parent().parent().parent().find('label.label').addClass('porto-icon-plus').removeClass('porto-icon-minus'); if (select) { var sw = $('
'); $(sw).insertAfter(select); } select.css({opacity: '0'}); //if (select.val()) { var elm; var labelnew = trim(select.parent().find('.admin__field-label').find('span').html()).split(' - '); var labelOne = labelnew[0]; var labelOneclass = labelOne.replace(/\s+/g, '_'); if(labelnew.length > 1){ var labelTwo = labelnew[1]; }else{ var labelTwo = ''; } if(labelOne.indexOf('Speichermodul mit Display') != -1){ var labelImage = 'Speichermodul mit Display'; }else{ var labelImage = labelOne; } if($('.swatches-container').hasClass(labelOneclass)){ if(select.parent().find('.price-wrapper').length){ var price = select.parent().find('.price-wrapper.price-excluding-tax').html(); elm = "
"; }else{ elm = "
"+labelTwo+"
"; } if( labelOneclass == 'Kardo_Vierfach'){ console.log(labelOneclass); if(labelTwo == 'SILBER' || labelTwo == 'SCHWARZ' || labelTwo == 'WEISS'){ style="position: relative;bottom: -5px;opacity:0.4;";disableClass = 'cable_tray_disable'; // console.log(labelOne); }else{ style="position: relative;bottom: -5px;opacity:0.4;";disableClass = 'cable_tray_disable'; } // style = '';disableClass = ''; // style="opacity:0.4;";disableClass = 'cable_tray_disable'; elm = "
"; jQuery('.cable_tray_disable .checkbox.product-custom-option').attr("disabled", true); } }else{ if(labelnew.length > 1){ if(select.parent().find('.price-wrapper').length){ var price = select.parent().find('.price-wrapper.price-excluding-tax').html(); var accessoryele = ''; jQuery('.accessory_values').each(function(){ var Accnames = jQuery(this).attr('name').split('_'); if(Accnames.indexOf(labelImage) != -1){ var accessoryImage = jQuery(this).val(); accessoryele = "
"; } }); if(labelOne == 'Kardo Vierfach'){ elm = accessoryele+"
"; jQuery('.cable_tray_disable .checkbox.product-custom-option').attr("disabled", true); }else if(labelOne == 'Kabelkanal'){ elm = accessoryele+"
"; }else if(labelOne == 'Kabelclips (unter dem Tisch)'){ elm = accessoryele+"
"; } else if(labelOne == 'USB und Steckdose'){ elm = accessoryele+"
"; } // else if (select.attr("id") == 'options_242_3'){ // elm = accessoryele+"
"; // }else if (select.attr("id") == 'options_242_6'){ // elm = accessoryele+"
"; // } else if (labelOne == 'Kabeldurchlass Kunststoff (x2)'){ elm = accessoryele+"
Bei Auswahl 2 Wochen Lieferzeit
";//elm = accessoryele+"
"; } else if (labelOne == 'Kabeldurchlass Metall (x2)'){ elm = accessoryele+"
Bei Auswahl 2 Wochen Lieferzeit
";//elm = accessoryele+"
"; } else{ elm = accessoryele+"
"; } /*}else{*/ //elm = "
"; //} }else{ var accessoryele = ''; jQuery('.accessory_values').each(function(){ var Accnames = jQuery(this).attr('name').split('_'); if(Accnames.indexOf(labelImage) != -1){ var accessoryImage = jQuery(this).val(); accessoryele = "
"; } }); elm = accessoryele+"
"; } }else{ if(select.parent().find('.price-wrapper').length){ var price = select.parent().find('.price-wrapper.price-excluding-tax').html(); var accessoryele = ''; jQuery('.accessory_values').each(function(){ var Accnames = jQuery(this).attr('name').split('_'); if(Accnames.indexOf(labelImage) != -1){ var accessoryImage = jQuery(this).val(); accessoryele = "
"; } }); elm = accessoryele+"
"; }else{ var accessoryele = ''; jQuery('.accessory_values').each(function(){ var Accnames = jQuery(this).attr('name').split('_'); if(Accnames.indexOf(labelImage) != -1){ var accessoryImage = jQuery(this).val(); accessoryele = "
"; } }); elm = accessoryele+"
"; } } $('#swatch_container_'+$(select).attr("id")).addClass(labelOneclass); } sw.append(elm); $('#checkmark_'+$(select).attr("id")).before(select); select.css({display: 'none'}); //} } function recreate_swatches_recursive(select) { if (select.swatchElement) { select.up().removeChild(select.swatchElement); select.swatchElement = null; } if (!select.disabled) { create_swatches(select.swatchLabel, select); } if (select.nextSetting) { recreate_swatches_recursive(select.nextSetting); } } function fireEvent(element, event) { if (document.createEventObject) { var evt = document.createEventObject(); return element.fireEvent('on' + event, evt) } else { var evt = document.createEvent("HTMLEvents"); evt.initEvent(event, true, true); return !element.dispatchEvent(evt); } } function trim(str) { return str.replace(/^\s\s*/, '').replace(/\s\s*$/, ''); } function compare(arr1, arr2) { return $(arr1).not(arr2).length == 0 && $(arr2).not(arr1).length == 0 } function ImageUpdateMuvmen(title, deskColor,deskColor2){ var swatchImages = []; var arrayVal = []; jQuery('.swatch_values').each(function(){ swatchImages.push({ name: $(this).attr('name'), value: $(this).attr('name').split("_") }); }); if(title){ //arrayVal.push(title); arrayVal.push(title.replace("[", "").replace("]", "")); }if(deskColor){ arrayVal.push(deskColor); }if(deskColor2){ arrayVal.push(deskColor2); } jQuery.each(swatchImages, function( index, value ) { if(compare(value.value, arrayVal)){ var name = value.name; console.log(name); if($('input[name='+name+']').length){ var src = $('input[name='+name+']').val(); if($('.fotorama__stage__shaft .fotorama__active').attr('data-active') == 'true'){ $('.fotorama__stage__shaft .fotorama__active').find('img').each(function(){ $(this).attr("src", src); }); } return false; } } }); } function ImageUpdateNew(title, deskColor){ if(deskColor == 'SCHWARZ' && title == 'WEISS'){ var deskColor = 'SCHWARZZ'; } if(deskColor == 'WEISS' && title == 'WEISS'){ var name = deskColor; }else{ if(deskColor == 'SCHWARZ' && title == 'SCHWARZ'){ var name = deskColor; }else{ var name = title+'_'+deskColor; } } if($('input[name='+name+']').length){ $('input[name='+name+']').each(function(){ var src = $(this).val(); if($('.fotorama__stage__shaft .fotorama__active').attr('data-active') == 'true'){ $('.fotorama__stage__shaft .fotorama__active').find('img').each(function(){ $(this).attr("src", src); }); } return false; }); }else{ if(deskColor == 'SCHWARZ' && title == 'WEISS'){ var deskColor = 'SCHWARZZ'; } if(deskColor == 'WEISS' && title == 'WEISS'){ var name = deskColor; }else{ if(deskColor == 'SCHWARZ' && title == 'SCHWARZ'){ var name = deskColor; }else{ var name = deskColor+'_'+title; } } if($('input[name='+name+']').length){ $('input[name='+name+']').each(function(){ var src = $(this).val(); if($('.fotorama__stage__shaft .fotorama__active').attr('data-active') == 'true'){ $('.fotorama__stage__shaft .fotorama__active').find('img').each(function(){ $(this).attr("src", src); }); } return false; }); } } return false; } $(document).on('click', '.swatches-container .swatch-img, .swatches-container .swatch-span', function () { if($(this).hasClass('cable_tray_disable')){ event.stopPropagation(); return false; } var optID = $(this).attr('data-id'); var title = trim($(this).attr('title')).replace(/\s+/g, '-').toUpperCase(); var selectID = $(this).attr('data-select'); // $("#" + selectID).prop('selectedIndex', optID).change(); if($(this).parent().parent().parent().parent().hasClass('Kabeldurchlass') || $(this).parent().parent().parent().parent().hasClass('Kabel_Management') || $(this).parent().parent().parent().parent().hasClass('Monitor_Arme')|| $(this).parent().parent().parent().parent().hasClass('Steuerungsmodule') || $(this).parent().parent().parent().parent().hasClass('Strom')){ if($(this).parent().parent().parent().parent().hasClass('Kabeldurchlass')){if($("#" + selectID+":checked").length > 0){$("#" + selectID).prop('checked', false).change();}else{$('.Kabeldurchlass .checkbox.product-custom-option').prop('checked', false).change();$("#" + selectID).prop('checked', true).change();} }if($(this).parent().parent().parent().parent().hasClass('Kabel_Management')){if($("#" + selectID+":checked").length > 0){$("#" + selectID).prop('checked', false).change();}else{$('.Kabel_Management .checkbox.product-custom-option').prop('checked', false).change();$("#" + selectID).prop('checked', true).change();} } if($(this).parent().parent().parent().parent().hasClass('Monitor_Arme')){if($("#" + selectID+":checked").length > 0){$("#" + selectID).prop('checked', false).change();}else{$('.Monitor_Arme .checkbox.product-custom-option').prop('checked', false).change();$("#" + selectID).prop('checked', true).change();} }if($(this).parent().parent().parent().parent().hasClass('Strom')){if($("#" + selectID+":checked").length > 0){$("#" + selectID).prop('checked', false).change();}else{$('.Strom .checkbox.product-custom-option').prop('checked', false).change();$("#" + selectID).prop('checked', true).change();} }if($(this).parent().parent().parent().parent().hasClass('Steuerungsmodule')){if($("#" + selectID+":checked").length > 0){event.stopPropagation();}else{$('.Steuerungsmodule .checkbox.product-custom-option').prop('checked', false).change();$("#" + selectID).prop('checked', true).change();} } }else { $("#" + selectID).prop('selectedIndex', optID).change(); //$("#" + selectID).prop('selectedIndex', optID).change(); } $("#swatch_container_" + selectID + " .swatch-img").removeClass("current"); $("#swatch_container_" + selectID + " .swatch-img").parent().removeClass("current"); $(this).parent().addClass("current"); $(this).addClass("current"); var prodname = 'Varidesk Pro Plus 36';if(prodname == 'Yo-Yo DESK 90'){console.log("1"); setTimeout(function(){ jQuery('[option-id="5534"]').click(); }, 2000);} if($(this).attr('data-option') == 'desk-top-dimention'){ if(prodname.indexOf('Hush Desk') != -1){ if(optID < 3){ optiID = 0; }else{ optiID = optID; } }else{ optiID = optID; } if(optID == 0){ var deskColor = 'FRAME'; var NewTitle = 'SILBER'; $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Tischplattenfarbe'){ $(this).find('select').val(''); $(this).find('img.current').parent().removeClass('current'); $(this).find('img.current').removeClass('current'); } else if(trim($(this).find('label.label').find('span').html()) == 'Rahmenfarbe'){ // if(!$(this).find('select').val()){ if(!$(this).find('.swatch-img').hasClass('current')){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } }).promise().done(function () { NewTitle = $('.control.frame_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(deskColor).replace(/\s+/g, '-').toUpperCase(); jQuery('.Plywood_Edging').css('opacity','0.5'); jQuery('.Plywood_Edging .checkbox.product-custom-option').attr("disabled", true); jQuery('.Plywood_Edging .checkbox.product-custom-option').prop('checked', false); jQuery('.Kabeldurchlass').css('opacity','0.5'); jQuery('.Kabeldurchlass').addClass('Disable'); jQuery('.Kabeldurchlass .checkbox.product-custom-option').attr("disabled", true); jQuery('.Kabeldurchlass .checkbox.product-custom-option').prop('checked', false);jQuery('.control.control-section.Kabeldurchlass').css('pointer-events','none'); jQuery(".standardfarben_option .swatch-images-pro .swatch-img").removeClass("current"); jQuery(".standardfarben_option .swatch-images-pro .swatch-img").parent().removeClass("current"); jQuery(".sonderfarben_option .swatch-images-pro .swatch-img").removeClass("current"); jQuery(".sonderfarben_option .swatch-images-pro .swatch-img").parent().removeClass("current"); if($('input[name=product]').val() != 486 && $('input[name=product]').val() != 487){ $('.shipping-options li:nth-child(1)').css({ 'opacity':'1', 'pointer-events':'auto' }); }else{ $('#shipping_1').parent().show(); $('#shipping_2').parent().show(); $('.shipping_new').hide(); if($('#shipping_3').hasClass('checked') || $('#shipping_4').hasClass('checked')){ $('#shipping_1').trigger('click'); } } ImageUpdateNew(frameColor, deskColor); }); }else{ var NewDeskColor = 'BUCHE'; var frameColor = 'SILBER'; var deskColor = ''; $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Tischplattenfarbe'){ if(!$(this).find('select').val()){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } else if(trim($(this).find('label.label').find('span').html()) == 'Standardfarben'){ if(!$(this).find('select').val()){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } else if(trim($(this).find('label.label').find('span').html()) == 'Rahmenfarbe'){ // if(!$(this).find('select').val()){ if(!$(this).find('.swatch-img').hasClass('current')){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } }).promise().done(function () { NewTitle = $('.control.frame_option').find('option:selected').html(); NewDeskColor = $('.control.deskcolor_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); if($('input[name=product]').val() != 486 && $('input[name=product]').val() != 487){ if(optID > 4 && prodname != 'FLYTTA 2' && prodname != 'FLYTTA 2 M'){ $('.shipping-options li:nth-child(1)').css({ 'opacity':'0.5', 'pointer-events':'none' }); $('#shipping_1').trigger('click'); }else{ $('.shipping-options li:nth-child(1)').css({ 'opacity':'1', 'pointer-events':'auto' }); } }else{ if(optID > 3){ $('#shipping_1').parent().hide(); $('#shipping_2').parent().hide(); $('.shipping_new').show(); if($('#shipping_1').hasClass('checked') || $('#shipping_2').hasClass('checked')){ $('#shipping_3').trigger('click'); } }else{ $('#shipping_1').parent().show(); $('#shipping_2').parent().show(); $('.shipping_new').hide(); if($('#shipping_3').hasClass('checked') || $('#shipping_4').hasClass('checked')){ $('#shipping_1').trigger('click'); } } } jQuery('.Kabeldurchlass').css('opacity','1');jQuery('.control.control-section.Kabeldurchlass').css('pointer-events','unset'); jQuery('.Kabeldurchlass').removeClass('Disable'); jQuery('.Kabeldurchlass .checkbox.product-custom-option').attr("disabled", false); jQuery('#options_302_2').trigger('click');//.prop('checked', true); jQuery('.Ohne_Kabeldurchlass .checkbox.product-custom-option').prop('checked', true); ImageUpdateNew(frameColor, deskColor); }); } } if($(this).attr('data-option') == 'Tischplattenfarbe'){ var NewDeskColor = 'BUCHE'; var frameColor = 'SILBER'; var deskColor = ''; $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Maße der Tischplatte'){ if($(this).find('.swatch-img.current').length){ if($(this).find('.swatch-img.current').attr('title').indexOf('NUR DER RAHMEN') != -1){ // $(this).find('div.swatch-img[data-id=2]').trigger('click'); if(prodname.indexOf('Hush Desk') != -1){ $(this).find('div.swatch-img[data-id=3]').trigger('click'); }else{ $(this).find('div.swatch-img[data-id=1]').trigger('click'); } } }else{ // $(this).find('div.swatch-img[data-id=1]').trigger('click'); if(prodname.indexOf('Hush Desk') != -1){ $(this).find('div.swatch-img[data-id=3]').trigger('click'); }else{ $(this).find('div.swatch-img[data-id=1]').trigger('click'); } } }else if(trim($(this).find('label.label').find('span').html()) == 'Rahmenfarbe'){ // if(!$(this).find('select').val()){ if(!$(this).find('.swatch-img').hasClass('current')){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } }).promise().done(function () { NewTitle = $('.control.frame_option').find('option:selected').html(); NewDeskColor = $('.control.deskcolor_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); var myarray = ['White','Black','Dark Grey']; if(jQuery.inArray(NewDeskColor, myarray) !== -1){ jQuery('.Plywood_Edging').css('opacity','1'); jQuery('.Plywood_Edging .checkbox.product-custom-option').attr("disabled", false); }else{ jQuery('.Plywood_Edging').css('opacity','0.5'); jQuery('.Plywood_Edging .checkbox.product-custom-option').attr("disabled", true); jQuery('.Plywood_Edging .checkbox.product-custom-option').prop('checked', false); } ImageUpdateNew(frameColor, deskColor); }); } if($(this).attr('data-option') == 'Standardfarben'){ var NewDeskColor = 'Weiß'; var frameColor = 'SILBER'; var deskColor = ''; $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Maße der Tischplatte'){ if($(this).find('.swatch-img.current').length){ if($(this).find('.swatch-img.current').attr('title').indexOf('NUR DER RAHMEN') != -1){ // $(this).find('div.swatch-img[data-id=2]').trigger('click'); if(prodname.indexOf('Hush Desk') != -1){ $(this).find('div.swatch-img[data-id=3]').trigger('click'); }else{ $(this).find('div.swatch-img[data-id=1]').trigger('click'); } } }else{ // $(this).find('div.swatch-img[data-id=1]').trigger('click'); if(prodname.indexOf('Hush Desk') != -1){ $(this).find('div.swatch-img[data-id=3]').trigger('click'); }else{ $(this).find('div.swatch-img[data-id=1]').trigger('click'); } } }else if(trim($(this).find('label.label').find('span').html()) == 'Rahmenfarbe'){ // if(!$(this).find('select').val()){ if(!$(this).find('.swatch-img').hasClass('current')){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } }).promise().done(function () { NewTitle = $('.control.frame_option').find('option:selected').html(); NewDeskColor = $('.control.standardfarben_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); ImageUpdateNew(frameColor, deskColor); }); } if($(this).attr('data-option') == 'Sonderfarben'){ $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Maße der Tischplatte'){ if($(this).find('.swatch-img.current').length){ if($(this).find('.swatch-img.current').attr('title').indexOf('NUR DER RAHMEN') != -1){ // $(this).find('div.swatch-img[data-id=2]').trigger('click'); if(prodname.indexOf('Hush Desk') != -1){ $(this).find('div.swatch-img[data-id=3]').trigger('click'); }else{ $(this).find('div.swatch-img[data-id=1]').trigger('click'); } } }else{ // $(this).find('div.swatch-img[data-id=1]').trigger('click'); if(prodname.indexOf('Hush Desk') != -1){ $(this).find('div.swatch-img[data-id=3]').trigger('click'); }else{ $(this).find('div.swatch-img[data-id=1]').trigger('click'); } } }else if(trim($(this).find('label.label').find('span').html()) == 'Rahmenfarbe'){ // if(!$(this).find('select').val()){ if(!$(this).find('.swatch-img').hasClass('current')){ $(this).find('select').val($(this).find('select option:eq(0)').val()); $(this).find('.swatch-img[data-id=0]').addClass('current'); $(this).find('.swatch-img[data-id=0]').parent().addClass('current'); } } }).promise().done(function () { NewTitle = $('.control.frame_option').find('option:selected').html(); NewDeskColor = $('.control.sonderfarben_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); ImageUpdateNew(frameColor, deskColor); }); } if($(this).attr('data-option') == 'Rahmenfarbe'){ $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Maße der Tischplatte'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('div.swatch-img[data-id=0]').trigger('click'); } } }).promise().done(function () { NewTitle = $('.control.frame_option').find('option:selected').html(); NewDeskColor = $('.control.deskcolor_option').find('option:selected').html(); // NewDeskColor = NewDeskColor == '-- Please Select --' ? 'FRAME' : NewDeskColor; NewDeskColor = NewDeskColor == null ? 'FRAME' : NewDeskColor; frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); ImageUpdateNew(frameColor, deskColor); }); } if($(this).attr('data-option') == 'Sitzflächenmaterial'){ $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Sockelfarbe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Materialfarbe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Sitzhöhe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Mögliche Tischplattenmaße'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Tischplattenmaße'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } } }).promise().done(function () { //NewTitle = $('.control.sitzsize_option').find('option:selected').html().split(' +')[0]; // frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); /* New Code added */ Titlenew = $('.control.sitzsize_option').find('option:selected').html().split(' +')[0]; if(Titlenew.indexOf('Microfibre') != -1){ NewTitle = Titlenew.split('extra')[0]; frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase().replace("-", ""); }else{ NewTitle = $('.control.sitzsize_option').find('option:selected').html().split(' +')[0]; frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); } // NewDeskColor = $('.control.sockelfarbe_option').find('option:selected').html(); NewDeskColor2 = $('.control.materialfarbe_option').find('option:selected').html(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase(); ImageUpdateMuvmen(frameColor, deskColor,deskColor2); }); } if($(this).attr('data-option') == 'Sockelfarbe'){ $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Sitzflächenmaterial'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Materialfarbe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Sitzhöhe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Mögliche Tischplattenmaße'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Tischplattenmaße'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } } }).promise().done(function () { NewTitle = $('.control.sitzsize_option').find('option:selected').html().split(' +')[0]; NewDeskColor = $('.control.sockelfarbe_option').find('option:selected').html(); NewDeskColor2 = $('.control.materialfarbe_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase(); ImageUpdateMuvmen(frameColor, deskColor,deskColor2); }); }if($(this).attr('data-option') == 'Sitzfläche'){if(prodname.indexOf('Ongo CLASSIC') != -1){ NewTitle = $('.control.height_option').find('option:selected').html().split(':')[0]; NewDeskColor = $('.control.basecolumn_option').find('option:selected').html(); NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html(); //frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase();frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase().replace('WEISS', 'WEIß'); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); //deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').replace('HELLGRUN', 'HELLGRÜN').toUpperCase();}else if(prodname.indexOf('Ongo ROLL') != -1){//NewTitle = $('.control.basecolumn_option').find('option:selected').html().split(' +')[0];NewDeskColor = $('#select_419').find('option:selected').html();NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html();frameColor = '';//trim(NewTitle).replace(/\s+/g, '-').replace("/", "").toUpperCase();//frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase().replace('WEISS', 'WEIß');deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase();//deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').replace('GRUN', 'GRÜN').replace('HELLGRUN', 'HELLGRÜN').toUpperCase();ImageUpdateMuvmen(frameColor, deskColor,deskColor2);}else if(prodname.indexOf('Ongo FREE') != -1){NewTitle = $('.control.basecolumn_option').find('option:selected').html().split(' +')[0];//NewDeskColor = $('.control.basecolumn_option').find('option:selected').html();NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html();frameColor = trim(NewTitle).replace(/\s+/g, '-').replace("/", "").toUpperCase().replace('WEISS', 'WEIß');//frameColor = trim(NewTitle).replace(/\s+/g, '-').replace("/", "").toUpperCase();deskColor = '';//trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase();deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').replace('HELLGRUN', 'HELLGRÜN').toUpperCase();//deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();ImageUpdateMuvmen(frameColor, deskColor,deskColor2);}else{NewTitle = $('.control.sitzsize_option').find('option:selected').html().split(' +')[0]; NewDeskColor = $('.control.basecolumn_option').find('option:selected').html(); NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();} ImageUpdateMuvmen(frameColor, deskColor,deskColor2); //});} if($(this).attr('data-option') == 'Materialfarbe'){ $('#product-options-wrapper .field').each(function(){ if(trim($(this).find('label.label').find('span').html()) == 'Sockelfarbe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Sitzflächenmaterial'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } }if(trim($(this).find('label.label').find('span').html()) == 'Sitzhöhe'){ if(!$(this).find('.swatch-img.current').length){ $(this).find('.swatch-img[data-id=1]').trigger('click'); } } }).promise().done(function () { NewTitle = $('.control.sitzsize_option').find('option:selected').html().split(' +')[0]; NewDeskColor = $('.control.sockelfarbe_option').find('option:selected').html(); NewDeskColor2 = $('.control.materialfarbe_option').find('option:selected').html(); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase(); deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase(); deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase(); ImageUpdateMuvmen(frameColor, deskColor,deskColor2); }); }if($(this).attr('data-option') == 'Tischrahmenfarben'){ NewTitle = $('#select_169').find('option:selected').html().replace('/', '-'); frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase().replace('WEISS', 'WEIß'); deskColor = ''; deskColor2 = ''; ImageUpdateMuvmen(frameColor, deskColor,deskColor2); }//Mögliche Tischplattenmaße }); $('#product-options-wrapper select.product-custom-option').click(function(){if($(this).attr('id') == 'select_176' || $(this).attr('id') == 'select_743'){NewTitle = $('.control.sitzhsize_option').find('option:selected').html().split(' +')[0];NewDeskColor = $('.control.basecolumn_option').find('option:selected').html();NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html();frameColor = trim(NewTitle).replace(/\s+/g, '-').toUpperCase();deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase();deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();ImageUpdateMuvmen(frameColor, deskColor,deskColor2);if($(this).attr('id') == 'select_743'){if($(this).find('option:selected').val() == 4160){if($('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 2|| $('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 3|| $('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 4){$('#swatch_container_select_179 img[data-id="0"]').trigger('click');}$('#swatch_container_select_179 .swatch-images-pro').css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_179 img[data-id="0"]').parent().css('pointer-events','unset').css('opacity','1');$('#swatch_container_select_179 img[data-id="1"]').parent().css('pointer-events','unset').css('opacity','1');}else{if($('#select_178').find('option:selected').val() == 873){if($('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 4){$('#swatch_container_select_179 .swatch-images-pro img.current').parent().removeClass('current');$('#swatch_container_select_179 .swatch-images-pro img.current').removeClass('current');$('#swatch_container_select_179 img[data-id="0"]').parent().addClass('current');$('#swatch_container_select_179 img[data-id="0"]').addClass('current');$('#select_179').val('874');}$('#swatch_container_select_179 .swatch-images-pro').css('pointer-events','unset').css('opacity','1');$('#swatch_container_select_179 img[data-id="4"]').parent().css('pointer-events','none').css('opacity','0.4');}else{$('#swatch_container_select_179 .swatch-images-pro').css('pointer-events','unset').css('opacity','1');}}}}else if($(this).attr('id') == 'select_181'){NewTitle = $('.control.basecolumn_option').find('option:selected').html().split(' +')[0];//NewDeskColor = $('.control.basecolumn_option').find('option:selected').html();NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html();frameColor = trim(NewTitle).replace(/\s+/g, '-').replace("/", "").toUpperCase();deskColor = '';//trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase();deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();ImageUpdateMuvmen(frameColor, deskColor,deskColor2);}else if($(this).attr('id') == 'select_419'){//NewTitle = $('.control.basecolumn_option').find('option:selected').html().split(' +')[0];NewDeskColor = $('#select_419').find('option:selected').html();NewDeskColor2 = $('.control.seatcolor_option').find('option:selected').html();frameColor = '';//trim(NewTitle).replace(/\s+/g, '-').replace("/", "").toUpperCase();deskColor = trim(NewDeskColor).replace(/\s+/g, '-').toUpperCase();deskColor2 = trim(NewDeskColor2).replace(/\s+/g, '-').toUpperCase();ImageUpdateMuvmen(frameColor, deskColor,deskColor2);}else if($(this).attr('id') == 'select_183'){if($(this).find('option:selected').val() == 903){if($('#swatch_container_select_184 .swatch-images-pro img.current').attr('data-id') == 4){$('#swatch_container_select_184 .swatch-images-pro img.current').parent().removeClass('current');$('#swatch_container_select_184 .swatch-images-pro img.current').removeClass('current');$('#swatch_container_select_184 img[data-id="0"]').parent().addClass('current');$('#swatch_container_select_184 img[data-id="0"]').addClass('current');$('#select_184').val('904');}$('#swatch_container_select_184 img[data-id="4"]').parent().css('pointer-events','none').css('opacity','0.4');}else{$('#swatch_container_select_184 img[data-id="4"]').parent().css('pointer-events','unset').css('opacity','1');}}else if($(this).attr('id') == 'select_178'){if($(this).find('option:selected').val() == 873){if($('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 4){$('#swatch_container_select_179 .swatch-images-pro img.current').parent().removeClass('current');$('#swatch_container_select_179 .swatch-images-pro img.current').removeClass('current');$('#swatch_container_select_179 img[data-id="0"]').parent().addClass('current');$('#swatch_container_select_179 img[data-id="0"]').addClass('current');$('#select_179').val('874');}$('#swatch_container_select_179 img[data-id="4"]').parent().css('pointer-events','none').css('opacity','0.4');}else{if($('#select_587').find('option:selected').val() == 3183){if($('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 2|| $('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 3|| $('#swatch_container_select_179 .swatch-images-pro img.current').attr('data-id') == 4){$('#swatch_container_select_179 .swatch-images-pro img.current').parent().removeClass('current');$('#swatch_container_select_179 .swatch-images-pro img.current').removeClass('current');$('#swatch_container_select_179 img[data-id="0"]').parent().addClass('current');$('#swatch_container_select_179 img[data-id="0"]').addClass('current');$('#select_179').val('874');}$('#swatch_container_select_179 .swatch-images-pro').css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_179 img[data-id="0"]').parent().css('pointer-events','unset').css('opacity','1');$('#swatch_container_select_179 img[data-id="1"]').parent().css('pointer-events','unset').css('opacity','1');}else{$('#swatch_container_select_179 .swatch-images-pro').css('pointer-events','unset').css('opacity','1');}}}else if($(this).attr('id') == 'select_444'){if($(this).find('option:selected').val() == 2277){if($('#swatch_container_select_424 .swatch-images-pro img.current').attr('data-id') == 4|| $('#swatch_container_select_424 .swatch-images-pro img.current').attr('data-id') == 5|| $('#swatch_container_select_424 .swatch-images-pro img.current').attr('data-id') == 6|| $('#swatch_container_select_424 .swatch-images-pro img.current').attr('data-id') == 8|| $('#swatch_container_select_424 .swatch-images-pro img.current').attr('data-id') == 9|| $('#swatch_container_select_424 .swatch-images-pro img.current').attr('data-id') == 10){$('#swatch_container_select_424 .swatch-images-pro img.current').parent().removeClass('current');$('#swatch_container_select_424 .swatch-images-pro img.current').removeClass('current');$('#swatch_container_select_424 img[data-id="0"]').parent().addClass('current');$('#swatch_container_select_424 img[data-id="0"]').addClass('current');$('#select_424').val('2203');}$('#swatch_container_select_424 img[data-id="4"]').parent().css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_424 img[data-id="5"]').parent().css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_424 img[data-id="6"]').parent().css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_424 img[data-id="8"]').parent().css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_424 img[data-id="9"]').parent().css('pointer-events','none').css('opacity','0.4');$('#swatch_container_select_424 img[data-id="10"]').parent().css('pointer-events','none').css('opacity','0.4');}else{$('#swatch_container_select_424 .swatch-images-pro').css('pointer-events','unset').css('opacity','1');}}}); $('#product-options-wrapper select.product-custom-option').each(function () { var label = ''; label = $(this).parents(".field").find("label.label span").html(); label = trim(label);//remove first child of drop down // if(label == 'Standbein' || label == 'Rahmen / Grundplatte' || label == 'Armlehne' || label == 'Armlehnen' || label == 'Lendenwirbelsäulen-Unterstützung' || label == 'Rahmen' || label == 'Sitzflächenform' || label == 'Sitzflächenhöhe' || label == 'Rollen' || label == 'Sitzflächenmaterial' || label == 'Nachlaufrad' || label == 'Sockel & Standbein' || label == 'Sockelring' || label == 'Sitzfläche'){ // // $(this).children().first().remove(); // } if(label != 'Versand'){ if(label == 'Rahmenfarbe'){ $(this).parents(".field").find("label.label").addClass('frame_label'); $(this).parents(".field").find("div.control").addClass('frame_option'); }if(label == 'Tischplattenfarbe'){ $(this).parents(".field").find("label.label").addClass('deskcolor_label'); $(this).parents(".field").find("div.control").addClass('deskcolor_option'); }if(label == 'Maße der Tischplatte'){ $(this).parents(".field").find("label.label").addClass('desksize_label'); $(this).parents(".field").find("div.control").addClass('desksize_option'); }if(label == 'Sitzhöhe'){ $(this).parents(".field").find("label.label").addClass('sitzhsize_label'); $(this).parents(".field").find("div.control").addClass('sitzhsize_option'); }if(label == 'Sitzflächenmaterial'){ $(this).parents(".field").find("label.label").addClass('sitzcolor_label'); $(this).parents(".field").find("div.control").addClass('sitzsize_option'); }if(label == 'Sockelfarbe'){ $(this).parents(".field").find("label.label").addClass('sockelfarbe_label'); $(this).parents(".field").find("div.control").addClass('sockelfarbe_option'); }if(label == 'Materialfarbe'){ $(this).parents(".field").find("label.label").addClass('materialfarbe_label'); $(this).parents(".field").find("div.control").addClass('materialfarbe_option'); }if(label == 'Mögliche Tischplattenmaße'){ $(this).parents(".field").find("label.label").addClass('mogliche_label'); $(this).parents(".field").find("div.control").addClass('mogliche_option'); }if(label == 'Tischplattenmaße'){ $(this).parents(".field").find("label.label").addClass('tischplatten_label'); $(this).parents(".field").find("div.control").addClass('tischplatten_option'); } if(label == 'Sockel & Standbein'){ $(this).parents(".field").find("label.label").addClass('basecolumn_label'); $(this).parents(".field").find("div.control").addClass('basecolumn_option'); } if(label == 'Sitzfläche'){ $(this).parents(".field").find("label.label").addClass('seatcolor_label'); $(this).parents(".field").find("div.control").addClass('seatcolor_option'); } if(label == 'Standardfarben'){ $(this).parents(".field").find("label.label").addClass('standardfarben_label'); $(this).parents(".field").addClass('standardfarben_field'); $(this).parents(".field").find("div.control").addClass('standardfarben_option'); } if(label == 'Sonderfarben'){ $(this).parents(".field").find("label.label").addClass('sonderfarben_label'); $(this).parents(".field").addClass('sonderfarben_field'); $(this).parents(".field").find("div.control").addClass('sonderfarben_option'); }if(label == 'Höhe'){ $(this).parents(".field").find("label.label").addClass('height_label'); $(this).parents(".field").find("div.control").addClass('height_option'); } var select = $(this); if (select && has_swatch_key(label)) { create_swatches(label, select); }else{ if(label == 'Maße der Tischplatte'){ create_swatches(label, select); }if(label == 'Sitzflächenmaterial'){ // create_swatches(label, select); }if(label == 'Sitzhöhe'){ //create_swatches(label, select); }if(label == 'Mögliche Tischplattenmaße'){ create_swatches(label, select); }if(label == 'Tischplattenmaße'){ create_swatches(label, select); } } }else{ $(this).addClass('shipping-select-option'); $(this).parents(".field").find("label.label").addClass('shipping_label'); $(this).parents(".field").find("div.control").addClass('shipping_option'); $(this).parent().parent().hide(); $('#shipping_2').trigger('click'); } }); $('#product-options-wrapper .checkbox.product-custom-option').each(function () { $(this).hide(); var label = ''; label = $(this).parents(".field").find("label.label span").html(); label = trim(label); var select = $(this); tab_swatches(label, select); $(this).show(); // labelnew = $(this).parents(".field").find("label.label span").html(); // if(labelnew == 'Kabeldurchlass'){ // $(this).parents(".field").addClass("hide_me"); // } // if(label == 'Steuerungsmodule'){ // jQuery('#options_221_2.checkbox.product-custom-option').prop('checked', true); // } var idselect = ''; idselect = $(this).attr("id"); if (idselect == 'options_221_2'){ jQuery('#options_221_2.checkbox.product-custom-option').prop('checked', true); } if (idselect == 'options_5_2'){ jQuery('#options_5_2.checkbox.product-custom-option').prop('checked', true); } if (idselect == 'options_16_2'){ jQuery('#options_16_2.checkbox.product-custom-option').prop('checked', true); } // By Default Select No portholes for all Desks jQuery('.Ohne_Kabeldurchlass .checkbox.product-custom-option').prop('checked', true); }); var specialoff = ' (30% RABATT)'; $('#product-options-wrapper .checkbox.product-custom-option').parents(".field").find("label.Monitor_Arme span").append(specialoff); // $('#product-options-wrapper .checkbox.product-custom-option').parents(".Kardo_Doppel").find(".swatch-span.extra-options").addClass('cable_tray_disable'); // $('#product-options-wrapper .checkbox.product-custom-option').parents(".Kardo_Doppel").find(".option-title .product-custom-option").attr("disabled", true); // $('#product-options-wrapper .checkbox.product-custom-option').parents(".Kardo_Doppel").find(".option-title").attr('style', 'opacity:0.4'); // $('#product-options-wrapper .checkbox.product-custom-option').parents(".Kardo_Vierfach").find(".swatch-span.extra-options").addClass('cable_tray_disable'); // $('#product-options-wrapper .checkbox.product-custom-option').parents(".Kardo_Vierfach").find(".option-title .product-custom-option").attr("disabled", true); // $('#product-options-wrapper .checkbox.product-custom-option').parents(".Kardo_Vierfach").find(".option-title").attr('style', 'opacity:0.4'); var standardfarben_text = ' (3-4 Werktage)'; $('#product-options-wrapper select.product-custom-option').parents(".field").find("label.standardfarben_label span").append(standardfarben_text); var sonderfarben_text = ' (3-4 Wochen)'; $('#product-options-wrapper select.product-custom-option').parents(".field").find("label.sonderfarben_label span").append(sonderfarben_text); $( "
Tischplattenfarbe
" ).insertBefore( ".standardfarben_field" ); var standardfarben_text_new = ''; $(standardfarben_text_new).insertAfter( ".standard_sonder label.deskcolor_label" ); var sonderfarben_text_new = ''; $(sonderfarben_text_new).insertAfter( ".standard_sonder label.Standard_label" ); $( "
").insertBefore( ".standard_sonder .deskcolor_option div.swatches-container div:nth-child(4)" ); var empty_space_new = '
'; $('#product-options-wrapper select.product-custom-option').parents(".field.standard_sonder").find(".deskcolor_option .swatches-container div:nth-child(4)").addClass("empty_space"); $('.control-labels').click(function(){ var element = $(this); element.parent().find('.control-section').slideToggle(function(){ if(element.parent().find('.control-section').is(":visible")){ element.addClass('porto-icon-minus').removeClass('porto-icon-plus'); } else{ element.addClass('porto-icon-plus').removeClass('porto-icon-minus'); } }); }); } catch (e) { console.log(e.message); } $(function () {$('select.product-custom-option').change(function(){$('option').each(function(){var selectedOption = $(this).text().split(']');if (selectedOption[0].indexOf('[') > -1) {$(this).text(selectedOption[0]+']');}});}); //Larger thumbnail preview //var perc = 30; /*$("ul.thumb li").hover(function () { $("ul.thumb li").find(".thumbnail-wrap").css({ "z-index": "0" }); $(this).find(".thumbnail-wrap").css({ "z-index": "10" }); var imageval = $(this).find(".thumbnail-wrap").css("background-image").slice(5); var img; var thisImage = this; img = new Image(); img.src = imageval.substring(0, imageval.length - 2); img.onload = function () { var imgh = this.height * (perc / 100); var imgw = this.width * (perc / 100); $(thisImage).find(".thumbnail-wrap").addClass("hover").stop() .animate({ marginTop: "-" + (imgh / 4) + "px", marginLeft: "-" + (imgw / 4) + "px", width: imgw + "px", height: imgh + "px" }, 200); } }, function () { var thisImage = this; $(this).find(".thumbnail-wrap").removeClass("hover").stop() .animate({ marginTop: "0", marginLeft: "0", top: "0", left: "0", width: "40px", height: "40px", padding: "5px" }, 400, function () {}); });*/ //Show thumbnail in fullscreen $("ul.thumb li .thumbnail-wrap").click(function () { var imageval = $(this).css("background-image").slice(5); imageval = imageval.substring(0, imageval.length - 2); $(".thumbnail-zoomed-image img").attr({ src: imageval }); $(".thumnail-zoomed-wrapper").fadeIn(); return false; }); $(".accessory-image-slide img").click(function () { var imageval = $(this).attr("src"); //imageval = imageval.substring(0, imageval.length - 2); $(".thumbnail-zoomed-image img").attr({ src: imageval }); $(".thumnail-zoomed-wrapper").fadeIn(); return false; }); //Close fullscreen preview $(".thumnail-zoomed-wrapper .close-image-zoom,.thumnail-zoomed-wrapper").click(function () { $(".thumnail-zoomed-wrapper").hide(); return false; }); /*Vinyl wipe clean - only available in BLACK FABRIC*/ jQuery('.sitzsize_option #select_133').change(function(){ if(jQuery(this).val() == 709){ jQuery('.materialfarbe_option #swatch_container_select_135 .swatch-images-pro').hide(); jQuery('.materialfarbe_option #swatch_container_select_135 .swatch-images-pro:first-child').show(); }else{ jQuery('.materialfarbe_option #swatch_container_select_135 .swatch-images-pro').show(); } }); jQuery("div.sonderfarben_field .swatch-images-pro img").click(function(){ if(jQuery(".standardfarben_option .swatches-container .swatch-images-pro").hasClass("current")){ // jQuery(".sonderfarben_option .swatch-images-pro").find("").css("pointer-events", "none"); // jQuery(".standardfarben_option .swatch-images-pro").css("pointer-events", "auto"); jQuery(".standardfarben_option .swatch-images-pro .swatch-img").removeClass("current"); jQuery(".standardfarben_option .swatch-images-pro .swatch-img").parent().removeClass("current"); } jQuery('.standardfarben_option').find('option:selected').removeAttr('selected'); }); jQuery("div.standardfarben_field .swatch-images-pro img").click(function(){ if(jQuery(".sonderfarben_option .swatches-container .swatch-images-pro").hasClass("current")){ // jQuery(".standardfarben_option .swatch-images-pro").css("pointer-events", "none"); // jQuery(".sonderfarben_option .swatch-images-pro").css("pointer-events", "auto"); jQuery(".sonderfarben_option .swatch-images-pro .swatch-img").removeClass("current"); jQuery(".sonderfarben_option .swatch-images-pro .swatch-img").parent().removeClass("current"); } jQuery('.sonderfarben_option').find('option:selected').removeAttr('selected'); });setTimeout(function(){jQuery('.frame_only ').trigger('click'); }, 2000); }); var prodname_get = 'Varidesk Pro Plus 36';if(prodname_get == 'Yo-Yo DESK 90'){ setTimeout(function(){ jQuery('[option-id="5534"]').click(); }, 2000);} });