').appendTo('#specs'); $('
' + strSpecName + '
').appendTo(specsRow); $('
' + strSpecValue + '
').appendTo(specsRow); } }); } /// handle different specifications function specificationMatcher(key){ switch(key){ case "misc_notes_mosaic": key = "Mosaic_Misc_Notes"; break; case "misc_notes_sku": key = "SKU_Breakdown"; break; case "misc_notes_addl": key = "Additional_Notes"; break; case "pdf_1": key = "Additional_Resources"; break; case "grout_water_cleanability": key = "Water_Cleanability"; break; case "grout_density": key = "Density"; break; case "grout_vertical_joint_sag": key = "Vertical_Joint_Sag"; break; case "grout_shelf_life": key = "Shelf_Life"; break; case "grout_compressive_strength": key = "Compressive_Strength"; break; case "grout_tensile_strength": key = "Tensile_Strength"; break; case "grout_voc_content": key = "VOC_Content"; break; case "grout_working_time": key = "Working_Time"; break; case "grout_tack_free_time": key = "Tack_Free_Time"; break; case "grout_light_foot_traffic": key = "Ready_for_Light_Foot_Traffic"; break; case "grout_heavy_foot_traffic": key = "Ready_for_Heavy_Foot_Traffic"; break; case "grout_stain_resistant": key = "Stain_Resistant_(Food,_Beverages,_etc.)"; break; case "grout_cure_time_water_exposure": key = "Cure_Time_Before_Intermittent_Water_Exposure_(>70°F/21°C_and_<50%_RH)"; break; case "foam_thickness": key = "Foam_Thickness_(+/-_5%)"; break; case "roll_roll_diameter": key = "Diameter_of_the_Roll"; break; case "roll_core_diameter": key = "Diameter_of_the_Core"; break; case "made_in_the_usa": key = "Made_in_the_USA"; break; case "us_unit_product_size": key = "US_Unit_Product_Size"; break; case "us_unit_face_weight": key = "US_Unit_Face_Weight"; break; case "us_unit_pile_height": key = "US_Unit_Finished_Pile_Thickness"; break; case "us_unit_gauge": key = "US_Unit_Gauge"; break; case "us_unit_tufts": key = "US_Unit_Tufts"; break; case "us_unit_density": key = "US_Unit_Density"; break; case "us_unit_pattern_repeat": key = "US_Unit_Pattern_Repeat"; break; case "metric_unit_pile_height": key = "Metric_Unit_Finished_Pile_Thickness"; break; case "fha_mea": key = "FHA/MEA"; break; case "weight_per_lf": key = "Weight_per_LF"; break; case "us_unit_area_per_carton": key = "US_Unit_Area_Per_Carton"; break; case "us_unit_average_density": key = "US_Unit_Average_Density"; break; case "us_unit_total_thickness": key = "US_Unit_Total_Thickness"; break; case "us_unit_tufted_weight": key = "US_Unit_Tufted_Weight"; break; case "gsa_approved_product": key = "GSA_Approved_Product"; break; case "nbs_smoke": key = "NBS_Smoke"; break; case "cri_greenlabel_plus": key = "CRI_Greenlabel_Plus"; break; case "ada_compliance": key = "ADA_Compliance"; break; case "room_sound_improvement": key = "Room_Sound_Improvement_with_3mm_EVA"; break; case "scratch_resistance": key = "Scratch_Resistance"; break; case "impact_sound_reduction": key = "Impact_Sound_Reduction"; break; case "locking_strength": key = "Locking_Strength"; break; case "impact_resistance": key = "Impact_Resistance"; break; case "dimensional_stability": key = "Dimensional_Stability"; break; case "reaction_to_fire": key = "Reaction_to_Fire"; break; case "flexural_strength_psi": key = "Flexural_Strength_PSI"; break; case "compressive_strength_psi": key = "Compressive_Strength_PSI"; break; case "appearance_retention_rating_tarr": key = "Appearance Retention Rating TARR"; break; case "nsf_140": key = "NSF_140"; break; default: break; } return key; } function updateMapPrice(){ if(variant_meta[current_variant_id]['map_price'] != "" && variant_meta[current_variant_id]['map_price'] !== undefined && variant_meta[current_variant_id]['map_price'] != "FALSE"){ var map_price = variant_meta[current_variant_id]['map_price']; map_price = decodeURI(map_price); if(map_price == "add to cart"){ $('.product--container .price--main .money').text("See Price in Cart"); $('.price--container .uom').hide(); }else{ if(typeof Shopify.formatMoney !== "undefined" ) var format_money = Shopify.formatMoney(map_price); $('.product--container .price--main .money').text(format_money); $('.price--container .uom').show(); } }else{ //$('.product--container .price--main .money').removeClass('price-before-map'); $('.price--container .uom').show(); } } function updateAvailabilityText(){ $('.instock-text-container').hide(); var availabilityText = variant_meta[current_variant_id]['availability']; console.log('availabilityText',availabilityText); if(availabilityText != "" && availabilityText != "FALSE" && availabilityText !== undefined){ $('.product-condition-value').text(decodeURI(availabilityText)); $('.instock-text-container').show(); } } function updateWarehousePopup(){ var $popup = $('#warehouse-popup'); var $popup_table = $popup.find('.warehouse-table'); $('.warehouse-popup-link').remove(); $popup_table.html(''); if( variant_meta[current_variant_id]['inventory'] !== null && variant_meta[current_variant_id]['inventory'] !== undefined && variant_meta[current_variant_id]['inventory'] != "FALSE" ){ var warehouseData = decodeURI(variant_meta[current_variant_id]['inventory']); var warehouseArr = warehouseData.split('|'); for( var i = 0; i < warehouseArr.length; i++ ){ console.log('warehouseArr', warehouseArr[i]); var warehouse = warehouseArr[i].split(':'); var data = ''; for(var j = 0; j < warehouse.length; j++){ data += '
' + warehouse[j] + '
'; } $popup_table.append('
' + data + '
'); } $('.product-condition-value').append('See Details'); }else{ } } function updateStickers(){ console.log('invoke updatestickers'); var hasSticker = false; $('.custom_logocart').hide(); $('.custom-sticker').hide(); $('.custom-sticker').removeClass('visible'); $('.free-local-pickup').hide(); $('.shipping-estimate-item').hide(); var freeShippingSticker = variant_meta[current_variant_id]['free_shipping_sticker']; console.log(freeShippingSticker); if(freeShippingSticker != "" && freeShippingSticker != "FALSE" && freeShippingSticker !== undefined){ $('.free-shipping-value').text(decodeURI(freeShippingSticker)); $('.free-shipping-logo').addClass('visible'); hasSticker = true; } if(variant_meta[current_variant_id]['free_sample_sticker'] != "" && variant_meta[current_variant_id]['free_sample_sticker'] != "FALSE" && variant_meta[current_variant_id]['free_sample_sticker'] !== undefined ){ $('.free-sample-logo').addClass('visible'); hasSticker = true; } var freeLocalSticker = variant_meta[current_variant_id]['free_local_sticker']; if((variant_meta[current_variant_id]['free_local_sticker'] != "" && variant_meta[current_variant_id]['free_local_sticker'] != "FALSE") && variant_meta[current_variant_id]['free_local_sticker'] !== undefined ){ $('.free-local-pickup').addClass('visible'); $('.shipping-estimate-item.free-pickup').show(); $('.free-local-value').text(decodeURI(freeLocalSticker)); $('.shipping-estimate-item.standard-shipping').show(); hasSticker = true; } if(hasSticker){ $('.custom_logocart').show(); } $('.shipping-estimate-item.standard-shipping').show(); } function updateAvailabilityPopup(){ console.log('invoke updatepopup'); $('.availability-button-container').hide(); $('.availability-form-container').show(); $('.availability-success-container').hide(); $('.button-availability.disabled').hide(); var hasAvailabilityPopup = variant_meta[current_variant_id]['has_availability_popup']; if(hasAvailabilityPopup != "" && hasAvailabilityPopup != "FALSE" && hasAvailabilityPopup !== undefined){ $('.availability-popup-title').text(variant_meta[current_variant_id]['title']); $('#availability-product-full-title').val(variant_meta[current_variant_id]['title']); $('#availability-product-sku').val(variant_meta[current_variant_id]['sku']); $('#availability-product-brand').val(variant_meta[current_variant_id]['brand']); $('.availability-button-container').show(); $('.button-availability').show(); $('.button-availability.disabled').hide(); } } //initialize availability typeform on popup open $('.js-tf-open').fancybox({ beforeShow: function( instance, current, e ) { console.log(instance); console.log(current); console.log(e); let $trigger = current.opts.$orig; if($trigger.hasClass('availability-popup-trigger')){ $('#availability-popup .rte').html("
We'll send you an email or SMS to confirm availability and estimate delivery time.
"); }else{ $('#availability-popup .rte').html("
We will contact you to confirm availability and discuss pricing.
"); } let current_url = window.location.pathname; let hidden_field_html = `
`; $('.availability-popup-tf-container').html(hidden_field_html); if(window.tf !== undefined){ window.tf.reload() } //var tf_container = document.getElementsByClassName('availability-popup-tf-container'); //tf_container[0].appendChild(script); } }) function cartHasSample(sampleType) { let res = false; cache_cart.items.forEach(function(i){ if (i.properties) { if (i.properties['_product-handle'] == product_handle && i.properties._sample == sampleType ) { res = true; } } }); return res; } // Start // $(document).ready(function($) { function delay_function(callback, ms) { var timer = 0; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function () { callback.apply(context, args); }, ms || 0); }; } $(document).on('click', '.boxes-qty-change', function(){ var variant_data = variant_meta[current_variant_id]; var operation = $(this).data('func'); var value = parseInt($('.boxes-qty-input').val()); var multiple = variant_data['multiple']; var minimum = variant_data['minimum']; var minimumRequiredBoxes = Math.ceil((minimum / multiple)); var $qty_input = $('.product-quantity-select'); if(operation == "plus"){ value = value + 1; }else{ if(value - 1 > 0 ){ value = value - 1; }else{ value = 1; } } var total_qty = value * multiple; //remove decimal if whole number if((total_qty % 1) != 0){ total_qty = total_qty.toFixed(2); }else{ total_qty = parseInt(total_qty); } $qty_input.addClass('form-field-filled'); $qty_input.val(total_qty); checkMin(variant_data); //check if minimum if(value < minimumRequiredBoxes){ value = minimumRequiredBoxes; } $('.boxes-qty-input').val(value); }); $('.boxes-qty-input').keyup(delay_function(function (e) { var variant_data = variant_meta[current_variant_id]; var value = parseInt($('.boxes-qty-input').val()); var multiple = variant_data['multiple']; var minimum = variant_data['minimum']; var $qty_input = $('.product-quantity-select'); var minimumRequiredBoxes = Math.ceil((minimum / multiple)); console.log('boxes changes'); if(value < 0 || isNaN(value) ) return false; //check if minimum if(value < minimumRequiredBoxes){ value = minimumRequiredBoxes; $('.boxes-qty-input').val(value); } var total_qty = value * multiple; total_qty = total_qty.toFixed(2); $qty_input.addClass('form-field-filled'); $qty_input.val(total_qty); checkMin(variant_data); }, 500)); $(document).on('click', '.modal-close', function(){ $('.fancybox-close-small').trigger('click'); }); // el = $('#cartIcon'); el = $('#cartCount'); /* Event Handlers ----------------------*/ //change quantity through buttons $('.product-qty-change').click(function(e){ e.preventDefault(); var variant_data = variant_meta[current_variant_id]; var qtyInput = parseFloat($('#quantity-show').val()); var tempVal = 0; var multiple = parseFloat(variant_data['multiple']); var min = parseFloat(variant_data['minimum']); var unit = variant_data['unit']; if(!isNaN(qtyInput)){ var requiredBoxes = Math.ceil((qtyInput / multiple).toFixed(2)); var reqMul = requiredBoxes * multiple; if($(this).data("func") == "minus"){ tempVal = reqMul - multiple; }else{ tempVal = reqMul + multiple; }; if(tempVal <= min || tempVal <= 0){ tempVal = min; } //round the number //tempVal = Math.round(tempVal * 100) / 100; //tempVal = tempVal.toFixed(2); }else{ tempVal = min; } //console.log("tempVal: ", tempVal); if((tempVal % 1) != 0){ tempVal = tempVal.toFixed(2); }else{ tempVal = parseInt(tempVal); } $('#quantity-show').val(tempVal); checkMin(variant_data); $('#quantity-show').addClass('form-field-filled'); }); // enter quantity in Sqft / Sheets $('#quantity-show').on('keyup paste',delay_function(function (e) { //$("#quantity-show").val(this.value.match(/[0-9]*/)); checkMin(variant_meta[current_variant_id]); }, 2000)); // full tile sample description update when sample quantity select changes $('#sample-quantity-show').change(function(o) { changeSampleDescription(variant_meta[current_variant_id]['sample_data'], $('#sample-quantity-show').val(), variant_meta[current_variant_id]); }); // sample modal select sample type change $("input[name=select-sample]:radio").change(function () { console.log('hey'); let sampleMetafield = variant_meta[current_variant_id]['sample']; let checkedVal = $("input[name=select-sample]:checked").val(); if (checkedVal == "1") { // free, 4x4, or full sampleType = sampleMetafield; } else { // radio2 only appears if metafield = full, it will always be 4x4 // full premium has 4x4PremiumSample if(sampleMetafield == "FullPremium"){ sampleType = "4x4PremiumSample" }else{ sampleType = "4x4"; } } console.log('sample-type: ', sampleType); if (sampleType == "full" || sampleType == "full_only" || sampleType == "FullPremium"){ //$('#sample-quantity-show').prop("disabled", false); $('#sample-order-desc').css('color', '#006dd4'); // update order description changeSampleDescription(variant_meta[current_variant_id]['sample_data'], $('#sample-quantity-show').val(), variant_meta[current_variant_id]); $('#sampleATC').text("Add to cart"); $("#sampleATC").attr("disabled", false); }else if (sampleType == "4x4SelectSample" || sampleType == "4x4PremiumSample"){ $('#sample-order-desc').css('color', '#006dd4'); // update order description changeSampleDescription(variant_meta[current_variant_id]['sample_data'], $('#sample-quantity-show').val(), variant_meta[current_variant_id]); $('#sampleATC').text("Add to cart"); $("#sampleATC").attr("disabled", false); } else { // 4x4 or free //$('#sample-quantity-show').prop('disabled', true); $('#sample-order-desc').css('color', '#4d4d4d'); // update sample button if (cartHasSample("free") || cartHasSample("4x4")){ $('#sampleATC').text("Sample added"); $("#sampleATC").attr("disabled", true); } else { $('#sampleATC').text("Add to cart"); $("#sampleATC").attr("disabled", false); } } }); // Get Sample button click $('.sample-trigger-button').on('click', function(e) { //e.preventDefault(); // hide footer //$('#shopify-section-static-footer').hide(); // stop background scrolling //$("body").addClass("modal-open"); // prepare modal let sample_type = variant_meta[current_variant_id]['sample']; $("input[name=select-sample]:radio").prop( "checked", false ); if (!$("input[name=select-sample]:radio").is(':checked')){ $('#sampleATC').text('Select a sample'); } console.log('sample-type, ', sample_type); changeSampleDescription(variant_meta[current_variant_id]['sample_data'], $('#sample-quantity-show').val(), variant_meta[current_variant_id]); if (sample_type != 'full' && sample_type != 'full_only' && sample_type != "FullPremium") { // free or 4x4 $('.radio.two').hide(); $('.qty').hide(); $('#sample-order-desc').hide(); $('#sampleATC').prop('disabled', true); if (cartHasSample('free') || cartHasSample('4x4')) { $('#sampleATC').text('Sample added'); } if (sample_type == 'free') { console.log("free sample"); $('.sample-radio-label.1').contents().filter(function (){ return this.nodeType === 3 && this.textContent.trim().length; }).replaceWith(' Free Sample'); $('.sample-select-label.1').html('We send you the largest size sample we have available. Free Shipping. Subject to Availability'); }else if (sample_type == 'sample' || sample_type == '4x4SelectSample' || sample_type == '4x4PremiumSample') { console.log("paid sample"); if(sample_type == 'sample'){ $('.sample-radio-label.1').contents().filter(function (){ return this.nodeType === 3 && this.textContent.trim().length; }).replaceWith('Sample'); } if(sample_type == "sample"){ $('div.sample-select-label.1').html('We send you the largest size sample we have available. Free Shipping.'); }else if(sample_type == "4x4SelectSample"){ $('label.sample-radio-label.1').html('4x4 Select Sample'); $('div.sample-select-label.1').html('4”x4” square sample tile.
Free shipping.'); }else if(sample_type == "4x4PremiumSample"){ $('label.sample-radio-label.1').html('4x4 Premium Sample'); $('div.sample-select-label.1').html('4”x4” square sample tile.
Free shipping.'); }else{ $('label.sample-radio-label.1').html('4x4 Sample'); $('div.sample-select-label.1').html('4”x4” square sample tile.
Free shipping.'); } $('.qty').hide(); $('#sample-order-desc').hide(); } else { // 4x4 console.log("4x4 sample"); $('.sample-radio-label.1').contents().filter(function (){ return this.nodeType === 3 && this.textContent.trim().length; }).replaceWith(' 4"x4" Sample'); $('.sample-select-label.1').html('One 4"x4" square sample tile.
Only pay for shipping.'); } } else { // show modal with full and 4x4 options console.log("full sample"); $('.sample-radio-label.1').contents().filter(function (){ return this.nodeType === 3 && this.textContent.trim().length; }).replaceWith(' Full Sized Sample'); $('.sample-select-label.1').html('Order up to 5 full sized samples.
Standard shipping rates apply.'); if(sample_type == "FullPremium"){ $('label.sample-radio-label.2').html('4"x4" Premium Sample'); $('div.sample-select-label.2').html('4”x4” square sample tile.
Free shipping.'); }else{ $('label.sample-radio-label.2').html('4"x4" Sample'); $('div.sample-select-label.2').html('One 4"x4" square sample tile.
Only pay for shipping.'); } if(sample_type != "full_only"){ $('.radio.two').show(); }else{ $('.radio.two').hide(); } $('.qty').show(); $('#sample-order-desc').show(); //$('#sample-quantity-show').prop('disabled', true); $('#sample-order-desc').css('color', '#4d4d4d'); $('#sample-order-desc').show(); } //$(location).attr('href', '#open-modal'); //$('.site-header-announcement').css('z-index', 500); }); // Full Sample (or 4x4) add to cart button click $('#sampleATC').click(function(e) { e.preventDefault(); let data, sampleId; let cartRequestType = "add"; var brand_name = ""; if(variant_meta[current_variant_id]['brand'] !== null && variant_meta[current_variant_id]['brand'] !== undefined){ brand_name = variant_meta[current_variant_id]['brand']; } if(sampleType == "full" || sampleType == "full_only" || sampleType == "FullPremium") { let fullSampleData = getFullSampleData(variant_meta[current_variant_id]); console.log(fullSampleData); let fullSampleTitle = fullSampleData.title.substr(fullSampleData.title.indexOf(' - ') + 2); data = { quantity: $('#sample-quantity-show').val(), id: fullSampleData.id, properties: { '_sample': "full", '_product': fullSampleTitle, '_product-handle': product_handle, '_variant_id': variant_meta[current_variant_id]['id'], '_brand': brand_name, '_unit': variant_meta[current_variant_id]['unit'], //'img': variant_meta[current_variant_id]['img_url'], } }; if (cartHasSample("full")){ cartRequestType = "change"; } } else { // 4x4 or free var quantity = 1; if(sampleType == '4x4'){ sampleId = sample_4x4_id; }else if(sampleType == "sample"){ sampleId = sample_paid_id; }else if(sampleType == "4x4SelectSample"){ sampleId = sample_select_id; quantity = $('#sample-quantity-show').val(); }else if(sampleType == "4x4PremiumSample"){ sampleId = sample_premium_id; quantity = $('#sample-quantity-show').val(); }else if(sampleType == "free"){ sampleId = sample_free_id; } if (cartHasSample("sample")){ cartRequestType = "change"; } data = { quantity: quantity, id: sampleId, properties: { '_sample': sampleType, '_variant_id': variant_meta[current_variant_id]['id'], //'master-product-id': current_variant_id, '_product-handle': product_handle, 'Product': product_title + " - " + decodeURI(variant_meta[current_variant_id]['size']), '_product': product_title + " - " + decodeURI(variant_meta[current_variant_id]['size']), '_brand': variant_meta[current_variant_id]['brand'], '_unit': variant_meta[current_variant_id]['unit'], '_sku': variant_meta[current_variant_id]['sku'] //'img': product_image, } }; } if (data) { console.log(sampleType + ' Sample Data: '); console.log(data); AddSampleToCart(data, cartRequestType); //$('.site-header-announcement').css('z-index', 700); //$('.site-header-button-cart').effect( "bounce", "100" ); } }); // Regular ATC click - intercept to update the cart icon $("form[data-product-form]").on('submit', function (e) { setTimeout(function(){ console.log(e); UpdateCart(); },1000); }); // handle variant change independently from empire.js for (let i = 0; i <= 1 - 1; i++){ let strId = '#data-product-option-' + i; $(strId).change(function() { // get new variant name & id let strNewV = $(this).children("option:selected").val(); $("#variant_ids > option").each(function() { if (this.text.split(" - ")[0] == strNewV){ current_variant_id = this.value; } }); console.log("Variant Changed! " + current_variant_id); // update order description checkMin(variant_meta[current_variant_id]); updateSampleIDs(); // update notes if ( variant_meta[current_variant_id]['note'] ) { $("#notes").html(decodeURI(variant_meta[current_variant_id]['note'])); } // update price unit $(".uom").val(" / " + variant_meta[current_variant_id]['unit']); // update unit minimum let plural = ' '; if (variant_meta[current_variant_id]['unit'] != 'Sqft' && variant_meta[current_variant_id]['minimum'] > 1) { plural = 's ' } $("#product-quantity-select-label").text(variant_meta[current_variant_id]['minimum'] + ' ' + variant_meta[current_variant_id]['unit'] + plural + 'Minimum'); $('.product-qty-input-container .product-quantity-select').val(variant_meta[current_variant_id]['minimum']) //minimum boxes text var minimumRequiredBoxes = Math.ceil((variant_meta[current_variant_id]['minimum'] / variant_meta[current_variant_id]['multiple'])); $('#boxes-qty-minimum-label').text(minimumRequiredBoxes); $('#boxes-qty-input').val(minimumRequiredBoxes) // update sample button sampleType = variant_meta[current_variant_id]['sample']; console.log("Sample: " + sampleType); if (sampleType == 'full' || sampleType == '4x4' || sampleType == 'free' || sampleType == "sample" || sampleType == 'full_only' || sampleType == "4x4SelectSample" || sampleType == "4x4PremiumSample" || sampleType == "FullPremium") { $('.sample-trigger-button').show(); } else { $('.sample-trigger-button').hide(); } // update specs table updateSpecsTable(); //update Stickers updateStickers(); //update availability text updateAvailabilityText(); //check map price updateMapPrice(); // update availability popup updateAvailabilityPopup(); //update Warehouse popup updateWarehousePopup(); //toggle Boxes input toggleBoxesInput(); $(document).trigger('product-form-variant-change', variant_meta[current_variant_id]); $('#product_form_sku').val(variant_meta[current_variant_id]['sku']) //update the product property variant id $('#variant_id').val(variant_meta[current_variant_id]['id']); //update quantity box to be min //update brand $('#product_form_brand_name_2').val(variant_meta[current_variant_id]['brand']) }); } //connect desktop and mobile variant selection $(document).on('change', '.variant-form-input',function(){ var counterpart = $(this).data('counterpart'); console.log($('[name="'+counterpart+'"]')); $('[name="'+counterpart+'"]').val($(this).val()); $('[name="'+counterpart+'"]').trigger('change'); }) $('.map-price-before-show-price').click(function(){ $('.map-price-before-show-price').hide(); $('.map-price-show-price').show(); }); init(); }); $(document).on('change', '.variant-form-input',function(){ var counterpart = $(this).data('counterpart'); console.log($('[name="'+counterpart+'"]')); $('[name="'+counterpart+'"]').val($(this).val()); $('[name="'+counterpart+'"]').trigger('change.variant-helper'); }) //disable scrolling of number $(document).on("wheel", "input[type=number]", function (e) { $(this).blur(); }); $(".js-see-price-in-cart-atc").click(function(){ $('.product-form--atc-button').trigger('click'); }); //force open notes in SPECIFICATION in a new tab $(document).on('click', '.specsTable2 a,.product-form--notes a', function(e){ e.preventDefault(); let href = $(this).attr('href'); window.open(href, "_blank"); })
