An aloe-based whole-food nutritional supplement featuring nine sea vegetables, fruit concentrates, and plant-derived nutrients in liquid and powder forms for convenient daily use
/* Keep the quantity control recognizable as a native dropdown. */
#lwf-body-balance-form select.lwf-select {
appearance: auto !important;
-webkit-appearance: menulist !important;
background-image: none !important;
cursor: pointer;
}
/* Match the established Mal's cart button treatment. */
#lwf-body-balance-form button.lwf-add-to-cart {
background-color: #164421;
color: #ffffff;
font-family: "Work Sans", sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.02em;
border: 0;
border-radius: 2px;
cursor: pointer;
}
#lwf-body-balance-form button.lwf-add-to-cart:hover:not(:disabled),
#lwf-body-balance-form button.lwf-add-to-cart:focus-visible:not(:disabled) {
background-color: #245b32;
color: #ffffff;
}
#lwf-body-balance-form button.lwf-add-to-cart:focus-visible {
outline: 2px solid #164421;
outline-offset: 3px;
}
Formula
Liquid
Powder Stick Packs
Delivery
One-Time
Monthly
2 Months
Autoship is optional and can be changed or canceled at any time
Price
(Price will show when you make your selection)
Shipping is calculated separately
ADD TO CART →
Ships Directly from Youngevity
Your order is fulfilled by the manufacturer, not from third-party reseller inventory.
What’s this? ↓
(function () {
const formBox =
document.getElementById("lwf-body-balance-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#bb-package");
const productPriceField =
formBox.querySelector("#bb-productpr");
const priceDisplay =
formBox.querySelector("#bb-price");
const addToCartButton =
formBox.querySelector("#bb-add-to-cart");
const formulaInputs =
formBox.querySelectorAll(
'input[name="bb-formula"]'
);
const deliveryInputs =
formBox.querySelectorAll(
'input[name="bb-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productNames = {
liquid:
"Body Balance liquid",
powder:
"Body Balance powder stick packs"
};
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
liquid: [
{
label: "1 Quart",
description: "(1) quart / 960 mL",
sku: "USLF000130",
price: "36.95"
},
{
label: "2 Quarts — Save $8.95",
description: "(2) quarts / 960 mL each",
sku: "USLF000132",
price: "64.95"
},
{
label: "3 Quarts — Save $8.95",
description: "(3) quarts / 960 mL each",
sku: "USLF000130",
price: "101.90"
},
{
label: "4 Quarts — Save $27.85",
description: "(4) quarts / 960 mL each",
sku: "USLF000135",
price: "119.95"
},
{
label: "6 Quarts — Save $48.75",
description: "(6) quarts / 960 mL each",
sku: "USLF080271",
price: "172.95"
},
{
label: "8 Quarts — Save $85.65",
description: "(8) quarts / 960 mL each",
sku: "USLF000145",
price: "209.95"
}
],
powder: [
{
label: "1-Quart Supply — 8 Stick Packets",
description: "(1 pouch) 8 stick packets, 1-quart equivalent",
sku: "USLF070031",
price: "36.95"
},
{
label: "2-Quart Supply — 16 Stick Packets",
description: "(2 pouches) 16 stick packets, 2-quart equivalent",
sku: "USLF070032",
price: "63.95"
},
{
label: "4-Quart Supply — 32 Stick Packets",
description: "(4 pouches) 32 stick packets, 4-quart equivalent",
sku: "USLF070033",
price: "116.95"
},
{
label: "8-Quart Supply — 64 Stick Packets — Lowest cost per quart",
description: "(8 pouches) 64 stick packets, 8-quart equivalent",
sku: "USLF070034",
price: "206.95"
}
]
};
/* ---------------------------------------------------------
Get selected radio-button value
--------------------------------------------------------- */
function selectedValue(name) {
const selected =
formBox.querySelector(
'input[name="' + name + '"]: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";
}
/* ---------------------------------------------------------
Rebuild quantity menu when formula changes
--------------------------------------------------------- */
function populatePackages() {
const formula =
selectedValue("bb-formula");
const availablePackages =
packages[formula] || [];
packageSelect.innerHTML = "";
const promptOption =
document.createElement("option");
promptOption.value = "";
promptOption.textContent =
"Select a quantity…";
promptOption.disabled = true;
promptOption.selected = false;
packageSelect.appendChild(
promptOption
);
availablePackages.forEach(
function (item, index) {
const option =
document.createElement("option");
option.value = String(index);
option.textContent = item.label;
packageSelect.appendChild(
option
);
}
);
// Default to the first package so its price appears immediately.
packageSelect.value = availablePackages.length ? "0" : "";
updateSelection();
}
/* ---------------------------------------------------------
Build complete Mals cart description and price
--------------------------------------------------------- */
function updateSelection() {
const formula =
selectedValue("bb-formula");
const delivery =
selectedValue("bb-delivery");
if (packageSelect.value === "") {
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 packageIndex =
Number(packageSelect.value);
const selectedPackage =
packages[formula][packageIndex];
if (!selectedPackage) {
return;
}
const description =
productNames[formula] +
", " +
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
--------------------------------------------------------- */
formulaInputs.forEach(
function (input) {
input.addEventListener(
"change",
populatePackages
);
}
);
deliveryInputs.forEach(
function (input) {
input.addEventListener(
"change",
updateSelection
);
}
);
packageSelect.addEventListener(
"change",
updateSelection
);
/* ---------------------------------------------------------
Initialize
--------------------------------------------------------- */
populatePackages();
})();
