Showing the single result
-
A nutrient-dense daily drink mix with beetroot, vitamins, minerals, amino acids, and botanical extracts for cardiovascular and everyday nutritional support
(function () {
const formBox =
document.getElementById("lwf-vital-start-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#vital-start-package");
const productPriceField =
formBox.querySelector("#vital-start-productpr");
const priceDisplay =
formBox.querySelector("#vital-start-price");
const addToCartButton =
formBox.querySelector("#vital-start-add-to-cart");
const deliveryInputs =
formBox.querySelectorAll(
'input[name="vital-start-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productName =
"VitalSTART";
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
one: {
sku: "USLF072015",
description: "(1) pouch / 15 stick packs",
price: "20.00"
},
two: {
sku: "USLF072030",
description: "(2) pouches / 30 stick packs total",
price: "40.00"
},
three: {
sku: "USLF072015",
description: "(3) pouches / 45 stick packs total",
price: "60.00"
},
four: {
sku: "USLF072015",
description: "(4) pouches / 60 stick packs total",
price: "80.00"
}
};
/* ---------------------------------------------------------
Get selected delivery option
--------------------------------------------------------- */
function selectedDelivery() {
const selected =
formBox.querySelector(
'input[name="vital-start-delivery"]:checked'
);
return selected ? selected.value : "";
}
/* ---------------------------------------------------------
Standard delivery wording
--------------------------------------------------------- */
function deliveryDescription(delivery) {
if (delivery === "monthly") {
return "autoship monthly";
}
if (delivery === "two-months") {
return "autoship every 2 months";
}
return "one-time purchase";
}
/* ---------------------------------------------------------
Build complete Mals cart description and price
--------------------------------------------------------- */
function updateSelection() {
const packageKey =
packageSelect.value;
const delivery =
selectedDelivery();
/* No quantity selected yet */
if (!packageKey) {
productPriceField.value = "";
priceDisplay.textContent =
"(Price will show when you make your selection)";
priceDisplay.classList.add(
"lwf-price-prompt"
);
addToCartButton.disabled = true;
addToCartButton.textContent =
"Add to Cart";
return;
}
const selectedPackage =
packages[packageKey];
if (!selectedPackage) {
return;
}
const description =
productName +
", " +
selectedPackage.description +
", SKU " +
selectedPackage.sku +
", " +
deliveryDescription(delivery);
productPriceField.value =
description +
", :" +
selectedPackage.price;
priceDisplay.textContent =
"$" + selectedPackage.price;
priceDisplay.classList.remove(
"lwf-price-prompt"
);
addToCartButton.disabled = false;
addToCartButton.textContent =
"Add to Cart";
}
/* ---------------------------------------------------------
Event listeners
--------------------------------------------------------- */
deliveryInputs.forEach(
function (input) {
input.addEventListener(
"change",
updateSelection
);
}
);
packageSelect.addEventListener(
"change",
updateSelection
);
/* ---------------------------------------------------------
Initialize
--------------------------------------------------------- */
updateSelection();
})();
