Skip to content
- Choosing a selection results in a full page refresh.
- Opens in a new window.
document.addEventListener("DOMContentLoaded", function () {
var productForm = document.querySelector("form[action='/cart/add']");
if (productForm) {
productForm.addEventListener("change", function () {
var selectedVariant = productForm.querySelector("select, input[type=radio]:checked");
if (selectedVariant) {
var variantId = selectedVariant.value;
fetch(`/products/.js`)
.then(response => response.json())
.then(product => {
var variant = product.variants.find(v => v.id == variantId);
if (variant && variant.compare_at_price > variant.price) {
var discount = Math.round(((variant.compare_at_price - variant.price) / variant.compare_at_price) * 100);
document.getElementById("discount-badge").innerText = discount + "% Off";
} else {
document.getElementById("discount-badge").innerText = "";
}
});
}
});
}
});
