-
A convenient liquid sleep-support formula combining melatonin with chamomile and valerian extracts to support restful sleep without pills or gummies
(function () {
const formBox =
document.getElementById("lwf-bio-nite-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#bn-package");
const productPriceField =
formBox.querySelector("#bn-productpr");
const priceDisplay =
formBox.querySelector("#bn-price");
const addToCartButton =
formBox.querySelector("#bn-add-to-cart");
const deliveryInputs =
formBox.querySelectorAll(
'input[name="bn-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productName =
"BioNite Holistic Sleep Support";
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
one: {
sku: "USBI000006",
description: "(1 set) 2 bottles, 2 fl. oz. each",
price: "37.90"
},
two: {
sku: "USBI000006",
description: "(2 sets) 4 bottles, 2 fl. oz. each",
price: "75.80"
},
three: {
sku: "USBI000006",
description: "(3 sets) 6 bottles, 2 fl. oz. each",
price: "113.70"
},
four: {
sku: "USBI000006",
description: "(4 sets) 8 bottles, 2 fl. oz. each",
price: "151.60"
}
};
/* ---------------------------------------------------------
Get selected delivery option
--------------------------------------------------------- */
function selectedDelivery() {
const selected =
formBox.querySelector(
'input[name="bn-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();
})();
-
A convenient aromatherapy roller combining Lavender Maillette and Roman Chamomile for relaxation and nighttime wind-down
(function () {
const formBox =
document.getElementById("lwf-lavender-chamomile-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#lavender-chamomile-package");
const productPriceField =
formBox.querySelector("#lavender-chamomile-productpr");
const priceDisplay =
formBox.querySelector("#lavender-chamomile-price");
const addToCartButton =
formBox.querySelector("#lavender-chamomile-add-to-cart");
const deliveryInputs =
formBox.querySelectorAll(
'input[name="lavender-chamomile-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productName =
"Lavender & Chamomile 1% Roller Bottle";
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
one: {
sku: "67056RB",
description: "(1) roller bottle / 10 mL",
price: "14.99"
},
two: {
sku: "67056RB",
description: "(2) roller bottles / 10 mL each",
price: "29.98"
},
three: {
sku: "67056RB",
description: "(3) roller bottles / 10 mL each",
price: "44.97"
},
four: {
sku: "67056RB",
description: "(4) roller bottles / 10 mL each",
price: "59.96"
}
};
/* ---------------------------------------------------------
Get selected delivery option
--------------------------------------------------------- */
function selectedDelivery() {
const selected =
formBox.querySelector(
'input[name="lavender-chamomile-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();
})();
-
A ready-to-use Damask Rose aromatherapy roller for relaxation, nighttime wind-down, and a gentler transition from busy to calm
(function () {
const formBox =
document.getElementById("lwf-rose-roller-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#rose-roller-package");
const productPriceField =
formBox.querySelector("#rose-roller-productpr");
const priceDisplay =
formBox.querySelector("#rose-roller-price");
const addToCartButton =
formBox.querySelector("#rose-roller-add-to-cart");
const deliveryInputs =
formBox.querySelectorAll(
'input[name="rose-roller-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productName =
"Rose 1% Roller Bottle";
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
one: {
sku: "67073RB",
description: "(1) roller bottle / 10 mL",
price: "29.99"
},
two: {
sku: "67073RB",
description: "(2) roller bottles / 10 mL each",
price: "59.98"
},
three: {
sku: "67073RB",
description: "(3) roller bottles / 10 mL each",
price: "89.97"
},
four: {
sku: "67073RB",
description: "(4) roller bottles / 10 mL each",
price: "119.96"
}
};
/* ---------------------------------------------------------
Get selected delivery option
--------------------------------------------------------- */
function selectedDelivery() {
const selected =
formBox.querySelector(
'input[name="rose-roller-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();
})();
-
A bright citrus-and-floral aromatherapy roller with chamomile and Damask rose, pre-diluted in jojoba for relaxation and nighttime wind-down
(function () {
const formBox =
document.getElementById("lwf-to-be-at-peace-form");
if (!formBox) {
return;
}
const packageSelect =
formBox.querySelector("#to-be-at-peace-package");
const productPriceField =
formBox.querySelector("#to-be-at-peace-productpr");
const priceDisplay =
formBox.querySelector("#to-be-at-peace-price");
const addToCartButton =
formBox.querySelector("#to-be-at-peace-add-to-cart");
const deliveryInputs =
formBox.querySelectorAll(
'input[name="to-be-at-peace-delivery"]'
);
/* ---------------------------------------------------------
Product identification
--------------------------------------------------------- */
const productName =
"To Be At Peace";
/* ---------------------------------------------------------
Package options
--------------------------------------------------------- */
const packages = {
one: {
sku: "67609",
description: "(1) roller bottle / 10 mL",
price: "16.99"
},
two: {
sku: "67609",
description: "(2) roller bottles / 10 mL each",
price: "33.98"
},
three: {
sku: "67609",
description: "(3) roller bottles / 10 mL each",
price: "50.97"
},
four: {
sku: "67609",
description: "(4) roller bottles / 10 mL each",
price: "67.96"
}
};
/* ---------------------------------------------------------
Get selected delivery option
--------------------------------------------------------- */
function selectedDelivery() {
const selected =
formBox.querySelector(
'input[name="to-be-at-peace-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();
})();
