Showing the single result
-
A convenient drink mix combining fiber, B vitamins, enzymes and an unusually diverse blend of botanicals
(function () {
const formBox =
document.getElementById("lwf-truecleanse-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#truecleanse-package");
const productPriceField =
formBox.querySelector("#truecleanse-productpr");
const priceDisplay =
formBox.querySelector("#truecleanse-price");
const addToCartButton =
formBox.querySelector("#truecleanse-add-to-cart");
const deliveryInputs =
formBox.querySelectorAll(
'input[name="truecleanse-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productName =
"TrueCleanse";
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
one: {
sku: "TL006PROD",
description: "(1) box / 10 stick packets",
price: "59.95"
},
two: {
sku: "TL006PROD",
description: "(2) boxes / 10 stick packets each",
price: "119.90"
},
three: {
sku: "TL006PROD",
description: "(3) boxes / 10 stick packets each",
price: "179.85"
},
four: {
sku: "TL006PROD",
description: "(4) boxes / 10 stick packets each",
price: "239.80"
}
};
/* ---------------------------------------------------------
Get selected delivery option
--------------------------------------------------------- */
function selectedDelivery() {
const selected =
formBox.querySelector(
'input[name="truecleanse-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;
}
/*
Cart description contains:
Product
+ quantity/package description
+ manufacturer SKU
+ selected delivery schedule
Price stays the same whether the customer
chooses one-time purchase or autoship.
*/
const description =
productName +
", " +
selectedPackage.description +
", SKU " +
selectedPackage.sku +
", " +
deliveryDescription(delivery);
/*
Mals productpr format:
full description, :price
*/
productPriceField.value =
description +
", :" +
selectedPackage.price;
/* Display selected price */
priceDisplay.textContent =
"$" + selectedPackage.price;
priceDisplay.classList.remove(
"lwf-price-prompt"
);
/* Enable Add to Cart */
addToCartButton.disabled = false;
addToCartButton.textContent =
"Add to Cart";
}
/* ---------------------------------------------------------
Event listeners
--------------------------------------------------------- */
deliveryInputs.forEach(
function (input) {
input.addEventListener(
"change",
updateSelection
);
}
);
packageSelect.addEventListener(
"change",
updateSelection
);
/* ---------------------------------------------------------
Initialize
--------------------------------------------------------- */
updateSelection();
})();
