document.addEventListener("DOMContentLoaded", function() { var nameField = document.getElementById("custom-name"); var wrapper = document.getElementById("name-field-wrapper"); var variantSelect = document.querySelector("form[action='/cart/add'] select"); function updateRequirement() { if (!variantSelect) return; var selectedText = variantSelect.options[variantSelect.selectedIndex].text.toLowerCase(); if (selectedText.includes("add name")) { nameField.required = true; wrapper.style.display = "block"; } else { nameField.required = false; wrapper.style.display = "none"; nameField.value = ""; } } if (variantSelect) { variantSelect.addEventListener("change", updateRequirement); updateRequirement(); } });