Skip to content
- Choosing a selection results in a full page refresh.
- Opens in a new window.
document.addEventListener('DOMContentLoaded', function () {
const variantForms = document.querySelectorAll('form[data-type="add-to-cart-form"]');
variantForms.forEach((form) => {
const variantPicker = form.closest('section')?.querySelector('variant-radios, variant-selects');
if (!variantPicker) return;
variantPicker.addEventListener('change', function () {
const selectedInput = variantPicker.querySelector('[name="id"]');
const hiddenInput = form.querySelector('input[name="id"]');
if (selectedInput && hiddenInput) {
hiddenInput.value = selectedInput.value;
console.log('Variant ID updated:', selectedInput.value);
}
});
});
});