Mesa consola Farley

document.addEventListener("DOMContentLoaded", function () { try { const modal = document.getElementById("mtoColorModal"); const closeBtn = document.getElementById("mtoColorClose"); const backdrop = document.getElementById("mtoColorBackdrop"); const contactBtn = document.getElementById("mtoColorGotIt"); const modalImg = document.querySelector(".mto-color-img"); const orderSampleBtn = document.getElementById("mtoOrderSample"); if (!modal || !backdrop) return; /* ===== 数据映射 (必须在函数内部定义) ===== */ const colorImageMap = { "others (velvet)": "https://cdn.shopify.com/s/files/1/0324/8268/9157/files/19301761202635_.pic_hd.jpg?v=1761210107", "others (linen)": "https://cdn.shopify.com/s/files/1/0324/8268/9157/files/20260121001525_13_59.jpg?v=1768926696", "others (suede)": "https://cdn.shopify.com/s/files/1/0324/8268/9157/files/19121761121440_.pic_hd.jpg?v=1761210558", "others (corduroy)": "https://cdn.shopify.com/s/files/1/0324/8268/9157/files/corduroy.jpg?v=1761295341", "others (leathaire)":"https://cdn.shopify.com/s/files/1/0324/8268/9157/files/PU_leather.jpg?v=1761295576", "others (boucle)":"https://cdn.shopify.com/s/files/1/0642/4789/0157/files/32991762415353_.pic_hd.jpg?v=1762416810", "others (sintered stone)": "https://cdn.shopify.com/s/files/1/0642/4789/0157/files/32981762397882_.pic_hd.jpg?v=1762417369", }; const sampleLinkMap = { "others (velvet)": "https://weilaiconcept.com/collections/velvet-fabric-swatch", "others (linen)": "https://weilaiconcept.com/collections/linen-fabric-swatch", "others (suede)": "https://weilaiconcept.com/collections/suede-fabric-swatch", "others (corduroy)":"https://weilaiconcept.com/collections/corduroy-fabric-swatch", "others (boucle)": "https://www.weilaiconcept.com/collections/boucle-fabric-swatch", "others (sintered stone)": "https://www.weilaiconcept.com/collections/sintered-stone-swatch", "others (leathaire)":"https://weilaiconcept.com/collections/leathaire-leather-swatch" }; /* ===== 弹窗开关 ===== */ function lockBodyScroll() { const y = window.scrollY || document.documentElement.scrollTop || 0; document.body.dataset.mtoScrollY = y; document.body.style.position = "fixed"; document.body.style.top = `-${y}px`; document.body.style.width = "100%"; } function unlockBodyScroll() { const y = parseInt(document.body.dataset.mtoScrollY || "0", 10); document.body.style.position = ""; document.body.style.top = ""; document.body.style.width = ""; window.scrollTo(0, y); } const openModal = () => { modal.setAttribute("aria-hidden", "false"); lockBodyScroll(); }; const closeModal = () => { modal.setAttribute("aria-hidden", "true"); unlockBodyScroll(); }; /* ===== 绑定基础按钮 ===== */ closeBtn?.addEventListener("click", closeModal); backdrop?.addEventListener("click", closeModal); contactBtn?.addEventListener("click", () => { window.open("https://wa.me/447591996741", "_blank"); closeModal(); }); /* ===== 点击逻辑（修正版） ===== */ function normalizeText(txt) { return (txt || "").toLowerCase().replace(/\s+/g, " ").trim(); } function toKey(txt) { const t = normalizeText(txt); const full = Object.keys(colorImageMap).find(k => t.includes(k)); if (full) return full; if (t.includes("boucle")) return "others (boucle)"; if (t.includes("sintered stone") || t.includes("sinteredstone")) return "others (sintered stone)"; if (t.includes("velvet")) return "others (velvet)"; if (t.includes("linen")) return "others (linen)"; if (t.includes("suede")) return "others (suede)"; if (t.includes("corduroy")) return "others (corduroy)"; if (t.includes("leathaire") || t.includes("leather") || t.includes("pu")) return "others (leathaire)"; return ""; } function readValueFrom(el) { if (!el) return ""; return ( el.getAttribute("data-value") || el.getAttribute("data-nt-value") || el.getAttribute("aria-label") || el.getAttribute("title") || el.innerText || el.textContent || "" ); } function handleMaterial(raw) { const key = toKey(raw); if (!key) return false; if (modalImg) modalImg.src = colorImageMap[key]; if (orderSampleBtn) { const href = sampleLinkMap[key]; if (href) { orderSampleBtn.href = href; orderSampleBtn.hidden = false; } else orderSampleBtn.hidden = true; } openModal(); return true; } document.addEventListener("click", function (e) { try { const clickable = e.target.closest( ".swatch-element, .nt-swatch, [data-value], [data-nt-value], label" ); if (!clickable) return; let raw = readValueFrom(clickable); if (handleMaterial(raw)) return; setTimeout(() => { const selected = document.querySelector(".is-selected [data-value], .is-selected [data-nt-value]"); const r2 = readValueFrom(selected); handleMaterial(r2); }, 0); } catch (err) { console.warn("[MTO modal click error]", err); } }, true); console.log("[MTO Modal] Ready ✓"); } catch (err) { console.error("[MTO modal fatal]", err); } });