Relaxation Support

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