JBL Quantum TWS Air, Wireless Smart Earbuds - JBL Store ID (2024)

`; jQuery(variationTbody).append(templateTr) //event setTimeout(() => { const btnAddToCart = document.querySelector(".summary-add-to-cart") if(btnAddToCart){ btnAddToCart.addEventListener("click", summaryAddToCartOnClick) } const btnMin = jQuery(".quantity-new-min") if(btnMin){ btnMin.on("click", function(){ const currentQty = jQuery(".quantity-new").val() if((parseInt(currentQty) - 1) == 10){ showModalAlert('Info', 'Ingin membeli dalam jumlah besar?', "bulkorder") } if(currentQty > 1){ const newQty = parseInt(currentQty) - 1 jQuery(".quantity-new").val(newQty) } }) } const btnPlus = jQuery(".quantity-new-plus") if(btnPlus){ btnPlus.on("click", function(){ const currentQty = jQuery(".quantity-new").val() if((parseInt(currentQty) + 1) == 10){ showModalAlert('Info', 'Ingin membeli dalam jumlah besar?', "bulkorder") } if(currentQty < 300){ const newQty = parseInt(currentQty) + 1 jQuery(".quantity-new").val(newQty) } }) } const btnBuyNow = document.querySelector(".summary-buy-now") if(btnBuyNow){ btnBuyNow.addEventListener("click", summaryBuyNowOnClick) } }, 500); // full customization jQuery('.btn-customize-now').on("click", function(e){ e.preventDefault() console.log('btn-customize-now on click') }) // jQuery('input[name=variant_full_customization_id]').on("click", function(e){ // jQuery("#fullCustomizationId").val(e.target.value) // if(!jQuery("#fullCustomizationId").hasClass("selected")){ // jQuery("#fullCustomizationId").addClass("selected") // } // }) // jQuery('.clear-full-customization').on("click", function(e){ // e.preventDefault() // jQuery("#fullCustomizationId").val("") // jQuery("#fullCustomizationId").removeClass("selected") // jQuery("input[name=variant_full_customization_id]:checked").removeAttr("checked") // }) // end full customization // --------------- } else { if(variationTds.length > 0){ for (let i = 0; i < variationThs.length; i++) { const variationTh = variationThs[i]; if(jQuery(variationTh).hasClass("label")){ let td = document.createElement('td'); td.innerHTML = `Kuantitas` insertAfter(td, variationTh); } } const templateTd = `

- +

`; jQuery(variationTr).append(templateTd) //event setTimeout(() => { const btnAddToCart = document.querySelector(".summary-add-to-cart") if(btnAddToCart){ btnAddToCart.addEventListener("click", summaryAddToCartOnClick) } const btnMin = jQuery(".quantity-new-min") if(btnMin){ btnMin.on("click", function(){ const currentQty = jQuery(".quantity-new").val() if((parseInt(currentQty) - 1) == 10){ showModalAlert('Info', 'Ingin membeli dalam jumlah besar?', "bulkorder") } if(currentQty > 1){ const newQty = parseInt(currentQty) - 1 jQuery(".quantity-new").val(newQty) } }) } const btnPlus = jQuery(".quantity-new-plus") if(btnPlus){ btnPlus.on("click", function(){ const currentQty = jQuery(".quantity-new").val() if((parseInt(currentQty) + 1) == 10){ showModalAlert('Info', 'Ingin membeli dalam jumlah besar?', "bulkorder") } if(currentQty < 300){ const newQty = parseInt(currentQty) + 1 jQuery(".quantity-new").val(newQty) } }) } const btnBuyNow = document.querySelector(".summary-buy-now") if(btnBuyNow){ btnBuyNow.addEventListener("click", summaryBuyNowOnClick) } }, 500); // full customization jQuery('.btn-customize-now').on("click", function(e){ e.preventDefault() console.log('btn-customize-now on click') }) // jQuery('input[name=variant_full_customization_id]').on("click", function(e){ // jQuery("#fullCustomizationId").val(e.target.value) // if(!jQuery("#fullCustomizationId").hasClass("selected")){ // jQuery("#fullCustomizationId").addClass("selected") // } // }) // jQuery('.clear-full-customization').on("click", function(e){ // e.preventDefault() // jQuery("#fullCustomizationId").val("") // jQuery("#fullCustomizationId").removeClass("selected") // jQuery("input[name=variant_full_customization_id]:checked").removeAttr("checked") // }) // end full customization } } //#endregion Summary // check remind me on load const productIdOnload = document.querySelector("input[name=product_id").value const variationIdOnload = document.querySelector(".variation_id").value const myNotifyMeOnload = document.getElementById("myNotifyMe") const btnAddToCardOnLoad = document.querySelector(".summary-add-to-cart") const btnBuyNowOnLoad = document.querySelector(".summary-buy-now") const inputQtyOnLoad = document.querySelector(".quantity-new-container") const labelQtyOnLoad = document.querySelector("#labelQty") const variationsOnload = [{"variation_name":"JBL Quantum Tws Air - <\/span>Black","color":"black","variation_id":5293,"stock_status":"outofstock"}]; jQuery('input.variation_id').change( function(){ if( '' != jQuery('input.variation_id').val() ) { const var_id = jQuery('input.variation_id').val(); const findVariationOnload = variationsOnload.find(a => a.variation_id === parseInt(var_id)) if(findVariationOnload){ console.log("findVariationOnload.stock_status: ", findVariationOnload.stock_status) if(findVariationOnload.stock_status === "outofstock"){ if(myNotifyMeOnload){ myNotifyMeOnload.style.display = "block" btnAddToCardOnLoad.style.display = "none" btnBuyNowOnLoad.style.display = "none" inputQtyOnLoad.style.display = "none" labelQtyOnLoad.style.display = "none" myNotifyMeOnload.innerText = "Segera Hadir" myNotifyMeOnload.style.background = "gray"; myNotifyMeOnload.style.pointerEvents = "none"; myNotifyMeOnload.setAttribute("disabled", "") } } else { myNotifyMeOnload.style.display = "none" btnAddToCardOnLoad.style.display = "block" btnBuyNowOnLoad.style.display = "block" inputQtyOnLoad.style.display = "inline-block" labelQtyOnLoad.style.display = "block" } } } }); // end check remind me on load // check remind me on change variation jQuery(".variable-item").click(function(e){ const productId = document.querySelector("input[name=product_id").value const color = e.target.getAttribute("data-value") const variations = [{"variation_name":"JBL Quantum Tws Air - <\/span>Black","color":"black","variation_id":5293,"stock_status":"outofstock"}]; const findVariation = variations.find(a => a.color === color) const myNotifyMe = document.getElementById("myNotifyMe") const btnAddToCard = document.querySelector(".summary-add-to-cart") const btnBuyNow = document.querySelector(".summary-buy-now") const inputQty = document.querySelector(".quantity-new-container") const labelQty = document.querySelector("#labelQty") if(myNotifyMe){ myNotifyMe.onclick = function(e){ const variationId = findVariation.variation_id e.target.innerText = "Loading..." e.target.style.background = "gray" e.target.style.pointerEvents = "none" e.target.setAttribute("disabled", "") jQuery.ajax({ type: "POST", url: "/wp-admin/admin-ajax.php", data: { action: "ajax_get_product_remind_me", product_id: productId, variation_id: variationId, current_url: window.location.href }, success: function(data){ const dataJson = JSON.parse(data); if(dataJson.redirect){ window.location.href = dataJson.redirect } if(dataJson.is_remind_me){ e.target.innerText = "Cancel Notify Me" e.target.style.background = "linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%)" e.target.style.pointerEvents = "auto" e.target.removeAttribute("disabled") } else { e.target.innerText = "Notify Me" e.target.style.background = "linear-gradient(251.5deg, #F04C24 46.51%, #F88D2A 99.75%)" e.target.style.pointerEvents = "auto" e.target.removeAttribute("disabled") } } }) } if(findVariation){ if(findVariation.stock_status === "outofstock"){ if(myNotifyMe){ myNotifyMe.style.display = "block" btnAddToCard.style.display = "none" btnBuyNow.style.display = "none" inputQty.style.display = "none" labelQty.style.display = "none" myNotifyMeOnload.innerText = "Segera Hadir" myNotifyMeOnload.style.background = "gray"; myNotifyMeOnload.style.pointerEvents = "auto"; myNotifyMeOnload.removeAttribute("disabled"); } } else { if(myNotifyMe){ myNotifyMe.style.display = "none" btnAddToCard.style.display = "block" btnBuyNow.style.display = "block" inputQty.style.display = "inline-block" labelQty.style.display = "block" } } } } }) // end check remind me on change variation // on click notify me // end on click notify me })