A liquid supplement pack combining OsteoProCare® and FlexeoPlus® for complementary bone and joint nutritional support
#lwf-bone-joint-form select.lwf-select {
appearance: auto !important;
-webkit-appearance: menulist !important;
background-image: none !important;
cursor: pointer;
}
#lwf-bone-joint-form .lwf-add-to-cart {
background: #164421 !important;
color: #fff !important;
font-family: "Work Sans", sans-serif !important;
font-weight: 500 !important;
text-transform: uppercase !important;
border-radius: 2px !important;
cursor: pointer;
}
(function () {
const formBox = document.getElementById("lwf-bone-joint-form");
if (!formBox) return;
const packageSelect = formBox.querySelector("#bone-joint-package");
const productPriceField = formBox.querySelector("#bone-joint-productpr");
const priceDisplay = formBox.querySelector("#bone-joint-price");
const addToCartButton = formBox.querySelector("#bone-joint-add-to-cart");
const deliveryInputs = formBox.querySelectorAll('input[name="bone-joint-delivery"]');
const packages = {
one: {
name: "Bone & Joint Pack",
sku: "USLF000026V",
description: "1 pack, 1 OsteoProCare + 1 FlexeoPlus",
price: "67.95"
},
two: {
name: "Bone & Joint Pack",
sku: "USLF000026V",
description: "2 packs, 2 OsteoProCare + 2 FlexeoPlus",
price: "135.90"
},
three: {
name: "Bone & Joint Pack",
sku: "USLF000026V",
description: "3 packs, 3 OsteoProCare + 3 FlexeoPlus",
price: "203.85"
},
four: {
name: "Bone & Joint Pack",
sku: "USLF000026V",
description: "4 packs, 4 OsteoProCare + 4 FlexeoPlus",
price: "271.80"
}
};
function selectedDelivery() {
const selected = formBox.querySelector('input[name="bone-joint-delivery"]:checked');
return selected ? selected.value : "";
}
function deliveryDescription(delivery) {
if (delivery === "monthly") return "autoship monthly";
if (delivery === "two-months") return "autoship every 2 months";
return "one-time purchase";
}
function updateSelection() {
const selectedPackage = packages[packageSelect.value];
if (!selectedPackage) {
productPriceField.value = "";
priceDisplay.textContent = "(Price will show when you make your selection)";
priceDisplay.classList.add("lwf-price-prompt");
addToCartButton.disabled = true;
return;
}
const description = selectedPackage.name + ", " + selectedPackage.description +
", SKU " + selectedPackage.sku + ", " + deliveryDescription(selectedDelivery());
productPriceField.value = description + ", :" + selectedPackage.price;
priceDisplay.textContent = "$" + Number(selectedPackage.price).toLocaleString("en-US", {
minimumFractionDigits: 2, maximumFractionDigits: 2
});
priceDisplay.classList.remove("lwf-price-prompt");
addToCartButton.disabled = false;
addToCartButton.textContent = "ADD TO CART →";
}
deliveryInputs.forEach(function (input) {
input.addEventListener("change", updateSelection);
});
packageSelect.addEventListener("change", updateSelection);
formBox.querySelector("form").addEventListener("submit", function (event) {
updateSelection();
if (!productPriceField.value) event.preventDefault();
});
updateSelection();
})();
