`); 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); } }else{ //console.log(hotspotId, "hotspotForm not found"); } }); } }); document.addEventListener('lookfyHotspotProduct', function(event) { const {hotspotDetail, product} = event.detail; const hotspotId = hotspotDetail.dataset.hotspot; const hotspotForm = document.getElementById(hotspotId); const 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'); 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 })); }); } });

Perrin Performance