Showing the single result
-
A convenient aromatherapy roller combining Lavender Maillette and Roman Chamomile for relaxation and nighttime wind-down
#lwf-lavender-chamomile-form select.lwf-select {
appearance: auto !important;
-webkit-appearance: menulist !important;
background-image: none !important;
cursor: pointer;
}
#lwf-lavender-chamomile-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-lavender-chamomile-form");
if (!formBox) return;
const form = formBox.querySelector("form");
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"]');
const productName = "Lavender & Chamomile 1% Roller Bottle";
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" }
};
function selectedDelivery() {
const selected = formBox.querySelector('input[name="lavender-chamomile-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 = productName + ", " + 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);
form.addEventListener("submit", function (event) {
updateSelection();
if (!productPriceField.value) event.preventDefault();
});
updateSelection();
})();
