https://opensheet.elk.sh/1C7fwk_UZOl_wPMbg2yuFT7Bj4LL-m9HEjq50iBrdwXE/Sheet1"; // Wait for GHL store to render the products const interval = setInterval(() => { const products = document.querySelectorAll("[data-product-id]"); if (products.length > 0) { clearInterval(interval); injectDropdowns(products); loadSheetOptions(); } }, 200); function injectDropdowns(products) { products.forEach(product => { // Make sure we don't double-inject if (product.querySelector(".ghl-variant-wrapper")) return; const wrapper = document.createElement("div"); wrapper.className = "ghl-variant-wrapper"; wrapper.style.margin = "10px 0"; wrapper.innerHTML = ` Choose an Option: `; // Inject ABOVE the Add to Cart button const btn = product.querySelector(".ghl-add-to-cart, button[data-product-id]"); if (btn) btn.parentNode.insertBefore(wrapper, btn); }); } function loadSheetOptions() { const dropdowns = document.querySelectorAll(".ghl-variant-dropdown"); const xhr = new XMLHttpRequest(); xhr.open("GET", SHEET_URL, true); xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { try { const rows = JSON.parse(xhr.responseText); dropdowns.forEach(dd => { dd.innerHTML = ''; rows.forEach(row => { if (row["Names"]) { const opt = document.createElement("option"); opt.value = row["Names"]; opt.textContent = row["Names"]; dd.appendChild(opt); } }); dd.addEventListener("change", () => { const hidden = dd.parentElement.querySelector(".ghl-variant-value"); hidden.value = dd.value; }); }); } catch (e) { console.error("JSON parse error:", e); } } }; xhr.send(); } // Attach variant to cart item document.addEventListener("click", function (e) { if (e.target.matches(".ghl-add-to-cart, button[data-product-id]")) { const product = e.target.closest("[data-product-id]"); const option = product.querySelector(".ghl-variant-value").value; if (!option) { e.preventDefault(); alert("Please select an option before adding to cart."); return; } // Attach to the element so GHL stores it in metadata e.target.setAttribute("data-product-option", option); } }); })();

Filter:

Sort

Filter:

Sort