Digestion

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; } (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(); })();