`); if(form){ const container = form.querySelector('.qty-input'); const input = container.querySelector('input[name="quantity"]'); const btnMinus = container.querySelector('.btn--minus'); const btnPlus = container.querySelector('.btn--plus'); const min = parseInt(input.min) || 0; // Handle minus button btnMinus.addEventListener('click', () => { let value = parseInt(input.value) || 0; if (value > min) { input.value = value - 1; } input.dispatchEvent(new Event('change', { bubbles: true })); }); // Handle plus button btnPlus.addEventListener('click', () => { let value = parseInt(input.value) || 0; input.value = value + 1; input.dispatchEvent(new Event('change', { bubbles: true })); }); // Handle manual input input.addEventListener('blur', () => { let value = parseInt(input.value); if (isNaN(value) || value < min) { input.value = min; } }); // Handle manual input input.addEventListener('change', () => { const quantityInput = hotspotForm.querySelector('.quantity__input'); if (quantityInput) { quantityInput.value = input.value; } }); } } // add qty and add to cart button document.addEventListener('lookfyGallery', function(event) { const {galleryData, galleryElement} = event.detail; if((galleryData.type == "default_embedded") || (galleryData.type == "column_carousel")){ const hotspots = galleryElement.querySelectorAll(".kt-hotspots-wrapper .kt-hotspot-item"); hotspots.forEach(hotspot => { const form = hotspot.querySelector(".hotspot-item-form"); const hotspotLink = form.querySelector(".hotspot-item-form a"); hotspotLink.innerHTML = "In den Warenkorb"; const hotspotDetail = hotspotLink.closest(".hotspot-item-detail"); const hotspotId = hotspotDetail.dataset.hotspot; const hotspotForm = document.getElementById(hotspotId); //console.log(hotspotDetail, hotspotDetail.dataset.quantity); if(hotspotForm){ const inputField = hotspotForm.querySelector(".quantity__input"); const qty_val = inputField?.value || 1; const qty_min = inputField?.getAttribute("min") || 1; const quantity = parseInt(hotspotDetail.dataset.quantity) || 1 hotspotLink.addEventListener("click", (e)=>{ e.preventDefault(); if(hotspotForm){ hotspotForm.querySelector("button.kt-button-addtocart").click(); } }); const content = hotspot.querySelector(".hotspot-item-content-inner"); content.insertAdjacentHTML("beforeend", `

Menge: ${quantity}

`); if(form.classList.contains("hotspot-item-availabletrue")){ create_selector(form, qty_min, qty_val); } const handle = hotspot.dataset.link; fetch(handle) .then(res => res.text()) // get HTML .then(html => { const parser = new DOMParser(); const doc = parser.parseFromString(html, "text/html"); const inventoryEl = doc.querySelector(".product-inventory"); if (inventoryEl) { const policy = inventoryEl.dataset.inventoryPolicy; const quantity = inventoryEl.dataset.inventoryQuantity; //const hide_no_stock_backordered = inventoryEl.dataset.showNoStockBackordered const available = inventoryEl.dataset.variantAvailable; const settings = { inventory_threshold_very_low: inventoryEl.dataset.thresholdVeryLow, inventory_threshold_low: inventoryEl.dataset.thresholdLow, inventory_show_notice: inventoryEl.dataset.showNotice } const level = renderInventoryStatus(quantity, policy, available, settings); const qtyElm = content.querySelector('.hotspot-item-qty'); qtyElm.insertAdjacentHTML("beforeend", level); } }) .catch(err => console.error("Error fetching product:", err)); }else{ //console.log(hotspotId, "hotspotForm not found"); } }); } }); function getInventoryStatus(total, inventory_policy, available, settings) { let inventory_level; console.log(available); if (total <= 0) { if (inventory_policy === "continue") { if (settings.hide_no_stock_backordered) { inventory_level = "hide"; } else { inventory_level = "backordered"; } } else if (available == 'true') { inventory_level = "in_stock"; } else { inventory_level = "none"; } } else if (total <= settings.inventory_threshold_very_low) { inventory_level = "very_low"; } else if (total <= settings.inventory_threshold_low) { inventory_level = "low"; } else { inventory_level = "normal"; } // Hide notices if required if (inventory_level === "normal" || inventory_level === "in_stock") { if (settings.inventory_show_notice === "low") { inventory_level = "hide"; } } return inventory_level; } function renderInventoryStatus(total, inventory_policy, product, settings) { const inventory_level = getInventoryStatus(total, inventory_policy, product, settings); if (inventory_level === "hide") return ""; let text = ""; switch (inventory_level) { case "low": text = lfIsoCode == 'en' ? "Low stock":"Geringer Lagerbestand"; break; case "very_low": text = lfIsoCode == 'en' ? "Very low stock": "Sehr geringer Lagerbestand"; break; case "none": text = lfIsoCode == 'en' ? "Sold out": "Ausverkauft"; break; case "backordered": text = lfIsoCode == 'en' ? "Backordered" : "Auf Bestellung"; break; default: // normal or in_stock text = lfIsoCode == 'en' ? "In stock" : "Auf Lager"; if (settings.inventory_show_count === "always" && total > 0) { //text += ` (${total} available)`; } break; } return `

${text}

`; } document.addEventListener('lookfyHotspotProduct', function(event) { const {hotspotDetail, product} = event.detail; if (!hotspotDetail) return; const hotspotId = hotspotDetail.dataset.hotspot; const hotspotForm = document.getElementById(hotspotId); let inputField; if(hotspotForm){ inputField = hotspotForm.querySelector(".quantity__input"); } const qty_val = inputField?.value || 1; const qty_min = inputField?.getAttribute("min") || 1; if(product.available){ const form = hotspotDetail.querySelector('.hotspot-item-form'); if(form){ form.classList.remove("hotspot-item-available"); form.classList.add("hotspot-item-availabletrue"); create_selector(form, qty_min, qty_val); } } }); const impactCartDrawer = document.querySelector(".cc-cart-drawer"); var impactClass = "cart-icon-bubble"; if(impactCartDrawer){ impactClass += "," + impactCartDrawer.getAttribute("id")?.replace("shopify-section-", ""); } window.lfFormData = impactClass; document.addEventListener("lookfyCartAdded", ({detail: { cartDetail, products }}) => { const cart = lfUtils.select('cart-notification') || lfUtils.select('cart-drawer'); if(lfShop.setup.redirect == "drawer" && cart){ if(products && lfUtils.select('cart-notification')){ const sectionElement = document.getElementById('cart-icon-bubble'); sectionElement.innerHTML = lfGetSectionInnerHTML(cartDetail.sections['cart-icon-bubble']); }else{ cart.renderContents(cartDetail); } lfUtils.documentEvent("lookfyCartFinished"); const hotspots = document.querySelectorAll(".kt-hotspot-item"); hotspots.forEach((hotspot)=>{ hotspot.dispatchEvent(new MouseEvent('mouseout', { 'bubbles': true })); }); } }); document.addEventListener("lookfyGalleryForm", function(event) { const { hotSpotProduct, product, hotspotElement } = event.detail; const price = hotSpotProduct.querySelector(".hotspot-item-price"); const price2 = hotspotElement?.querySelector(".hotspot-item-price"); //console.log(hotspotElement, price2); if (price && product) { price.setAttribute("bss-b2b-product-id", product.id); price.setAttribute("bss-b2b-product-price", ""); if(price2){ price2.setAttribute("bss-b2b-product-id", product.id); price2.setAttribute("bss-b2b-product-price", ""); } if(product.variants.length > 1 ){ const first_variant = product.variants.find(variant => variant.available) price.setAttribute("bss-b2b-variant-price", ""); price.setAttribute("bss-b2b-variant-id", first_variant.id); price.setAttribute("bss-b2b-featured-product", "true"); if(price2){ price2.setAttribute("bss-b2b-variant-price", ""); price2.setAttribute("bss-b2b-variant-id", first_variant.id); price2.setAttribute("bss-b2b-featured-product", "true"); } } } }); document.addEventListener('lookfyHotspotProduct', function(event) { const {hotspotDetail, product} = event.detail; if (!hotspotDetail) return; const themeData = document.getElementById("theme-data-tpx"); //console.log(themeData.dataset.hideNoStockBackordered); //console.log(themeData.dataset.inventoryShowNotice); //console.log(themeData.dataset.inventoryThresholdLow); //console.log(themeData.dataset.inventoryThresholdVeryLow); //const hotspotId = hotspotDetail.dataset.hotspot; //console.log(product); }); document.addEventListener('lookfyGallery', function(event) { const {galleryData, galleryElement} = event.detail; const hotspots = galleryElement.querySelectorAll(".kt-hotspots-wrapper .kt-hotspot-item"); hotspots.forEach(hotspot => { const form = hotspot.querySelector(".hotspot-item-form"); const hotspotLink = form.querySelector(".hotspot-item-form a"); const hotspotDetail = hotspotLink.closest(".hotspot-item-detail"); const hotspotId = hotspotDetail.dataset.hotspot; const hotspotForm = document.getElementById(hotspotId); //console.log(hotspotDetail, hotspotDetail.dataset.quantity); if(hotspotForm){ const inputField = hotspotForm.querySelector(".quantity__input"); //const qty_val = inputField?.value || 1; //const qty_min = inputField?.getAttribute("min") || 1; const quantity = parseInt(hotspotDetail.dataset.quantity) || 1 }else{ } }); });

Subaru