A Comprehensive Guide – CYMBIOTIKA

Subscription One Time

ADD

ADD TO SUBSCRIPTION ADD TO ORDER

{ element.innerText = currencySymbol; }); //Doesn’t currently work with products with options (auto selects first variantID) function spawnProductModal(productUrl, reviewCount, productAvailable, sellingPlanId = null, kitVariantIds = null) { let originalAvailbility = productAvailable; let objectArray = []; let sellingPlanArray = [] if (kitVariantIds) { const idArray = kitVariantIds.split(‘,’); idArray.forEach((id) => { const [key, value] = id.split(‘-‘); objectArray.push({ key, value }); }); } if(sellingPlanId !== null && sellingPlanId.includes(‘,’)) { let sellingId = sellingPlanId.split(‘,’); sellingId.forEach((id) => { sellingPlanArray.push(id); }); } productUrl += ‘.json’; fetch(productUrl) .then((response) => { if (!response.ok) { throw new Error(‘Network response was not ok’); } return response.json(); }) .then((data) => { const productTitle = data.product.title; const bodyHtml = data.product.body_html; const productHandle = data.product.handle; const productTags = data.product.tags; const productPrice = data.product.variants[0].price; const productImage = data.product.images[0].src; const variantId = (data.product.variants[0].id).toString(); let productSubscribable = productTags.includes(‘subscribable’) || productTags.includes(‘Subscription’); pmHandle.innerText = productTitle; pmImage.src = productImage; pmReviews.innerText = reviewCount; pmOtpPrice.innerText = parseInt(productPrice).toFixed(2); pmLearnMore = Array.from(pmLearnMore); pmLearnMore.forEach((pmLearnMoreElement) => { pmLearnMoreElement.addEventListener(‘click’, () => { window.location.href = productUrl.replace(/.json$/, ”);; }); }); let oldPmButton = document.getElementsByClassName(‘product-modal-add-button’)[0]; let newPmButton = oldPmButton.cloneNode(true); newPmButton.setAttribute(‘data-cloned’, ‘true’); newPmButton.addEventListener(‘click’, async () => { newPmButton.disabled = true; let items = []; let item; const settingsRecharge = false if (subscriptionOption.selected) { if (kitVariantIds) { objectArray.forEach((object,index) => { item = { variant_id: `${object.key}`, quantity: 1, properties: {} } item.properties.added_from_pdp = true; if (`${object.value}` == ‘subscription’) { if (settingsRecharge) { item.properties.bundle_id = `${object.key}`; } else { item.selling_plan = parseInt(sellingPlanArray[index]); } } items.push(item); }); } else { item = { variant_id: variantId, quantity: 1, properties: {} } if (settingsRecharge) { item.properties.bundle_id = variantId; } else { item.selling_plan = sellingPlanId; } items.push(item); } } else { if (kitVariantIds) { objectArray.forEach((object) => { item = { variant_id: `${object.key}`, quantity: 1, properties: {} } item.properties.added_from_pdp = true; items.push(item); }); } else { item = { variant_id: variantId, quantity: 1, properties: {} } if(settingsRecharge) { item.properties.variant_id = variantId; } items.push(item); } } let currentCart = await Cart._get(); let productFound = false; currentCart.items.forEach( async (item, index) => { if (item.variant_id.toString() === items[index].variant_id && Object.keys(item.properties)[0] === Object.keys(items[index].properties)[0]) { if (item.quantity { if (numitems { pmSubPrice.innerText = ((parseInt(productPrice) * getBundleDiscountFactor(window.numitems) )).toFixed(2); }); if (productSubscribable) { if(subscriptionOption.classList.contains(‘spt-hidden’)) { subscriptionOption.classList.remove(‘spt-hidden’) } subscriptionOption.selected = true; handleDropdownChange(subscriptionOption); } else { onetimeOption.selected = true; if(!subscriptionOption.classList.contains(‘spt-hidden’)) { subscriptionOption.classList.add(‘spt-hidden’) } handleDropdownChange(onetimeOption); } function handleDropdownChange(subscriptionSelected) { let pmSubText = document.getElementsByClassName(‘product-modal-subscription-text’)[0]; let pmOtpText = document.getElementsByClassName(‘product-modal-one-time-text’)[0]; if (subscriptionOption.selected) { pmSubPrice.innerText = ((parseInt(productPrice) * getBundleDiscountFactor(window.numitems))).toFixed(2); pmSubWrapper.style.display = ‘inline’; pmOtpWrapper.style.textDecoration = ‘line-through’; pmOtpWrapper.style.color = ‘#909090’; pmOtpText.style.display = ‘none’; pmSubText.style.display = ‘inline’; } else { pmSubWrapper.style.display = ‘none’; pmOtpText.style.display = ‘inline’; pmSubText.style.display = ‘none’; pmOtpWrapper.style.textDecoration = ‘none’; pmOtpWrapper.style.color = ‘initial’; } } pmDropdownSelect.addEventListener(‘change’, function () { handleDropdownChange(subscriptionOption); }); pmDescription.innerHTML = bodyHtml; checkH4(); pmOpen(); }) .catch((error) => { console.error(‘Error:’, error); }); } function checkH4() { // Get the innerHTML of the div with ID ‘product-description’ const htmlContent = pmDescription.innerHTML; const parser = new DOMParser(); const doc = parser.parseFromString(htmlContent, ‘text/html’); const tabs = []; let currentTabContent = ”; let currentTabTitle = ”; let foundH4 = false; doc.body.childNodes.forEach((node) => { if (node.nodeName === ‘H4’) { foundH4 = true; // Set a flag to indicate that an H4 tag has been found // If there is an existing tab, push it to the tabs array if (currentTabContent) { tabs.push({ title: currentTabTitle, content: currentTabContent.trim() }); currentTabContent = ”; } currentTabTitle = node.textContent.trim(); } else { currentTabContent += node.outerHTML || node.textContent; } }); // If H4 was found, add the last tab and toggle the visibility if (foundH4 && currentTabContent) { tabs.push({ title: currentTabTitle, content: currentTabContent.trim() }); } if (foundH4) { const tabContainer = pmDescriptionTabButtons; const contentContainer = pmDescriptionTabText; // Clear any existing tabs and content tabContainer.innerHTML = ”; contentContainer.innerHTML = ”; // Loop through the tabs array and create the corresponding tab buttons and content tabs.forEach((tab, index) => { const tabHeading = tab.title.replace(/[^a-zA-Z0-9-_]/g, ‘-‘).replace(/^-/, ”).toLowerCase(); const tabIndex = index; const tabId = `product-modal-tab-btn-${tabHeading}-${tabIndex}`; const contentId = `product-modal-tab-content-${tabHeading}-${tabIndex}`; // Create the tab button const tabButton = document.createElement(‘button’); tabButton.id = tabId; tabButton.className = index === 0 ? ‘product-modal-tab-btn spt-underline spt-text-cym-pressed spt-uppercase cursor-pointer spt-whitespace-nowrap’ : ‘product-modal-tab-btn spt-uppercase cursor-pointer spt-whitespace-nowrap’; const spanTag = document.createElement(‘span’); spanTag.textContent = tab.title; tabButton.appendChild(spanTag); tabContainer.appendChild(tabButton); // Create the content div const contentDiv = document.createElement(‘div’); contentDiv.classList.add(‘tab-content’, contentId); contentDiv.style.display = index === 0 ? ‘block’ : ‘none’; // Show the first tab by default contentDiv.innerHTML = tab.content; contentContainer.appendChild(contentDiv); // Attach a click event listener to the tab button tabButton.addEventListener(‘click’, function (event) { event.preventDefault(); // Remove the active class from all tab buttons document.querySelectorAll(‘#product-modal-description-tabbed .product-modal-tab-btn’).forEach(btn => { btn.classList.remove(‘spt-underline’); btn.classList.remove(‘spt-text-cym-pressed’); }); // Add the active class to the clicked tab button this.classList.add(‘spt-underline’); this.classList.add(‘spt-text-cym-pressed’); // Hide all content divs document.querySelectorAll(‘#product-modal-description-tabbed .tab-content’).forEach(contentDiv => { contentDiv.style.display = ‘none’; }); // Show the corresponding content div let productModalDescriptionTabbed = document.querySelector(`#product-modal-description-tabbed .${contentId}`); productModalDescriptionTabbed.style.display = ‘block’; let closestSimpleConentWrapper = productModalDescriptionTabbed.closest(‘.simplebar-content-wrapper’); closestSimpleConentWrapper.scrollTop = 0; }); }); if (pmDescriptionTabbed.classList.contains(‘spt-hidden’)) { // If tabbed has spt-hidden, toggle both classes pmDescriptionContainer.classList.toggle(‘spt-hidden’); pmDescriptionTabbed.classList.toggle(‘spt-hidden’); } } else { pmDescriptionContainer.classList.remove(‘spt-hidden’); pmDescriptionTabbed.classList.add(‘spt-hidden’); } } pmCloseButton.addEventListener(‘click’, function() { pmClose(); }); pmOverlay.addEventListener(‘click’, function() { pmClose(); }); function pmOpen() { pmOverlay.style.left = “0”; pmOverlay.style.top = `${window.scrollY}px`; pmOverlay.style.width = “100%”; pmOverlay.style.height = “100%”; pmContainer.style.left = `50%`; pmContainer.style.top = `${window.scrollY + window.innerHeight / 2}px`; pmContainer.style.transform = `translate(-50%, -50%)`; pmOverlay.classList.remove(‘spt-invisible’); pmOverlay.style.opacity = 1; document.body.style.overflow = ‘hidden’ pmContainer.classList.remove(‘spt-hidden’); } function pmClose() { let pmButton = document.getElementsByClassName(‘product-modal-add-button’)[0]; pmButton.setAttribute(‘data-cloned’, ‘false’); pmOverlay.classList.add(‘spt-invisible’); pmOverlay.style.opacity = 0; pmContainer.classList.add(‘spt-hidden’); document.body.style.overflow = null; pmImage.src = ”; } const initializeSimplebar = () => { try { if (SimpleBar) { const tabWrapperElements = document.querySelectorAll(‘.product-modal-tabs-wrapper’); tabWrapperElements.forEach(el => new SimpleBar(el, { autoHide: false })); const tabTextWrapperElements = document.querySelectorAll(‘.product-modal-tabs-text-wrapper’); tabTextWrapperElements.forEach(el => new SimpleBar(el, { autoHide: false })); } } catch (error) { setTimeout(initializeSimplebar, 500); } }; initializeSimplebar(); ]]>

Use code RESULTS for 20% off + free shipping sitewide

Use code NEWYEAR for 20% off + free shipping sitewide

{ slide.remove(); }); // Create and append custom announcement slides const wrapper = document.querySelector(‘.announcement-wrapper’); const customAnnouncement = document.createElement(‘div’); customAnnouncement.className = ‘swiper-slide’; customAnnouncement.innerHTML = ‘Use code ALMOST30 for 20% off sitewide]]>’; wrapper.appendChild(customAnnouncement); // more announcements if needed for dedicated url const customAnnouncement2 = document.createElement(‘div’); customAnnouncement2.className = ‘swiper-slide’; customAnnouncement2.innerHTML = ”; // wrapper.appendChild(customAnnouncement2); <----- comment back in for multiple announcements // Initialize swiper const campaignSwiper = new Swiper('.swiper-announcement', { loop: true, autoplay: { delay: 5000 } }); document.querySelector('.announcement-bar').style.display = 'block'; } } // Function to set dedicated url campaign announcements function setCampaignAnnouncements2() { const campaignParam = getURLParameter('cymd'); const campaign = sessionStorage.getItem('cymd'); if (campaign === 'skinny' || campaignParam === 'skinny') { // Remove all slides document.querySelectorAll('.announcement-text').forEach(slide => { slide.remove(); }); // Create and append custom announcement slides const wrapper = document.querySelector(‘.announcement-wrapper’); const customAnnouncement = document.createElement(‘div’); customAnnouncement.className = ‘swiper-slide’; customAnnouncement.innerHTML = ‘

Use code SKINNY for 15% off sitewide

‘; wrapper.appendChild(customAnnouncement); // more announcements if needed for dedicated url const customAnnouncement2 = document.createElement(‘div’); customAnnouncement2.className = ‘swiper-slide’; customAnnouncement2.innerHTML = ”; // wrapper.appendChild(customAnnouncement2); <----- comment back in for multiple announcements // Initialize swiper const campaignSwiper = new Swiper('.swiper-announcement', { loop: true, autoplay: { delay: 5000 } }); document.querySelector('.announcement-bar').style.display = 'block'; } } // Function to set dedicated url campaign announcements function setCampaignAnnouncements3() { const campaignParam = getURLParameter('cymh'); const campaign = sessionStorage.getItem('cymh'); if (campaign === 'hyman' || campaignParam === 'hyman') { // Remove all slides document.querySelectorAll('.announcement-text').forEach(slide => { slide.remove(); }); // Create and append custom announcement slides const wrapper = document.querySelector(‘.announcement-wrapper’); const customAnnouncement = document.createElement(‘div’); customAnnouncement.className = ‘swiper-slide’; customAnnouncement.innerHTML = ‘

Use code HYMAN for 20% off sitewide + free shipping

‘; wrapper.appendChild(customAnnouncement); // more announcements if needed for dedicated url const customAnnouncement2 = document.createElement(‘div’); customAnnouncement2.className = ‘swiper-slide’; customAnnouncement2.innerHTML = ”; // wrapper.appendChild(customAnnouncement2); <----- comment back in for multiple announcements // Initialize swiper const campaignSwiper = new Swiper('.swiper-announcement', { loop: true, autoplay: { delay: 5000 } }); document.querySelector('.announcement-bar').style.display = 'block'; } } // DOM content loaded listener window.addEventListener('DOMContentLoaded', () => { const secretCampaignParam = getURLParameter(‘cymr’); if (sessionStorage.getItem(‘cymr’) === ‘almost30’ || secretCampaignParam === ‘almost30’) { setCampaignAnnouncements(); } else if (sessionStorage.getItem(‘cymd’) === ‘skinny’ || getURLParameter(‘cymd’) === ‘skinny’) { setCampaignAnnouncements2(); } else if (sessionStorage.getItem(‘cymh’) === ‘hyman’ || getURLParameter(‘cymh’) === ‘hyman’) { setCampaignAnnouncements3(); } else { document.querySelectorAll(‘.swiper-slide’).forEach(slide => slide.style.display = ‘block’); const swiper = new Swiper(‘.announcement-bar .swiper-announcement’, {loop: true}); let currentSlideInterval; const setSlideIntervalEvent = (s) => { clearTimeout(currentSlideInterval); const nextSlideDuration = Number(s.slides[s.activeIndex].dataset.slideDuration) * 1000; currentSlideInterval = setTimeout(() => { if (s.isEnd) { swiper.slideTo(0); } else { swiper.slideNext(); } }, nextSlideDuration); }; setSlideIntervalEvent(swiper); swiper.on(‘slideChangeTransitionEnd’, (s) => { setSlideIntervalEvent(s); }); document.querySelector(‘.announcement-bar .swiper-announcement’).addEventListener(‘click’, () => { swiper.slideNext(); }); document.querySelector(‘.announcement-bar button.close’).addEventListener(‘click’, () => { sessionStorage.setItem(‘cym-announcement-bar-hide’, ‘true’); clearTimeout(currentSlideInterval); swiper.destroy(true); document .querySelector(‘.announcement-bar’) .firstChild .style .height = ‘0px’; }); } }); // Additional code for announcement timing and display handling function announcementTimingDisplay(slide, startTime, endTime) { let show_announcement = false; function isValidISODate(dateStr) { const regex = /^(d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])T(0[0-9]|1[0-9]|2[0-3]):([0-5][0-9]):([0-5][0-9]).(d{3})Z$/; return regex.test(dateStr); } if (! isValidISODate(startTime) || ! isValidISODate(endTime)) { console.error(‘Error: Date does not match the ISO 8601 format.’); return; } let currentUserDateISO = new Date().toISOString(); if (new Date(startTime) > new Date(endTime)) { console.error(‘Error: Start Date is later than End Date.’); return; } if (startTime <= currentUserDateISO && endTime > currentUserDateISO) { show_announcement = true; } if (!show_announcement) { slide.outerHTML = “” } } announcementTimingDisplay(document.getElementsByClassName(‘announcement-text-1’)[0], ‘2025-02-03T16:00:00.000Z’, ‘2026-02-03T16:00:00.000Z’) announcementTimingDisplay(document.getElementsByClassName(‘announcement-text-2’)[0], ‘2024-12-15T21:37:47.000Z’, ‘2025-02-03T16:00:00.000Z’)

Introduction

Have you ever felt sluggish, bloated, or just not quite yourself? You’re not alone. Many of us experience these feelings, often attributed to the accumulation of toxins in our bodies. However, before we dive into the world of detoxification drinks, let’s clarify something: our bodies are equipped with powerful detoxification systems, including the liver and kidneys, that work tirelessly to eliminate waste and toxins. So, what can we drink to support these natural processes? This blog post will guide you through the various beverages that can help enhance your body’s detoxification systems.

In this guide, we will explore a range of drinks that can promote hydration, support digestion, and provide essential nutrients. We’ll reflect on our approach at Cymbiotika, where we believe that wellness starts with trust, transparency, and the power of science-backed ingredients. By the end of this post, you’ll understand what to drink to detox your body effectively and safely, empowering you to take charge of your health journey.

Let’s embark on this exploration of detoxification together, addressing common myths, discussing the science behind detox drinks, and providing practical recommendations for incorporating these beverages into your daily routine.

Understanding Detoxification

Before we delve into specific drinks, it’s essential to understand what detoxification really means. Detoxification is the process by which our bodies remove or neutralize toxins. These toxins can come from various sources, including environmental pollutants, processed foods, and even internal metabolic processes.

While many detox diets and drinks claim to cleanse the body, the fact is that our bodies are already equipped to handle this task. The liver, kidneys, lungs, and skin all play crucial roles in detoxification. However, certain lifestyle choices, such as a poor diet or lack of hydration, can hinder these natural processes. This is where the right drinks can make a difference.

The Role of Hydration in Detoxification

One of the simplest yet most effective ways to support our body’s detoxification process is through hydration. Water is vital for transporting nutrients, flushing out waste, and maintaining cellular functions. The recommended daily intake of water is about 3.7 liters for men and 2.7 liters for women, but these needs can vary based on individual activity levels and environmental conditions.

At Cymbiotika, we emphasize the importance of hydration alongside our science-backed supplements, which utilize advanced liposomal delivery for optimal bioavailability. This ensures that the nutrients you consume are effectively utilized by your body.

Top Drinks for Detoxification

1. Water

Why It’s Important: Water is the foundation of any detox regimen. It supports kidney function, aids digestion, and helps regulate body temperature. Staying hydrated ensures that your body can efficiently eliminate waste through urine and sweat.

How to Enhance Water Intake: To make drinking water more enjoyable, consider infusing it with fruits like lemon or cucumber, or adding herbs such as mint. This not only enhances the flavor but also adds a subtle nutritional boost.

2. Herbal Teas

Benefits: Herbal teas, such as dandelion or peppermint tea, can support digestion and liver function. Dandelion tea, in particular, is well-known for its potential benefits in stimulating bile production, which aids in fat digestion.

Cymbiotika Connection: While herbal teas can be a fantastic addition to your detox routine, we also offer high-quality supplements that complement these natural beverages. Our products are designed to provide your body with essential nutrients that enhance its natural detoxification capabilities.

3. Green Tea

Why It’s Beneficial: Green tea is rich in antioxidants called catechins, which have been shown to support liver function and help the body detoxify. Additionally, the caffeine content can boost metabolism and promote fat oxidation.

How to Consume: Enjoy green tea hot or cold, and consider adding a slice of lemon for an extra vitamin C boost.

4. Lemon Water

Benefits: Lemon water is a popular choice for detoxification due to its high vitamin C content and its ability to promote hydration. The acidity of lemon juice may also help stimulate digestion.

Recipe: To make lemon water, simply squeeze half a lemon into a glass of water. This refreshing drink can be enjoyed warm or cold, making it a versatile choice throughout the day.

5. Coconut Water

Why It’s Great: Coconut water is a natural electrolyte-rich beverage that hydrates and replenishes minerals lost during physical activity. It’s a great alternative to sugary sports drinks.

Usage: Enjoy coconut water on its own or mix it into smoothies for added hydration and flavor.

6. Beet Juice

Benefits: Beet juice is known for its potential to enhance blood flow and lower blood pressure, thanks to its high nitrate content. It also supports liver detoxification by promoting the elimination of toxins.

How to Prepare: Fresh beet juice can be made at home using a juicer. Combine it with other fruits and vegetables like carrots or apples for a delicious and nutritious drink.

7. Apple Cider Vinegar Drink

Why It’s Beneficial: Apple cider vinegar (ACV) is often touted for its potential health benefits, including improved digestion and blood sugar regulation. Diluting ACV in water can create a refreshing drink that supports overall wellness.

Recipe: Mix one to two tablespoons of ACV in a glass of water, and add a teaspoon of honey for sweetness if desired.

8. Detox Water Infusions

How They Work: Detox water infusions involve soaking fruits, vegetables, and herbs in water to create a flavorful beverage. Ingredients like cucumber, lemon, and mint can add refreshing flavors while providing hydration.

Popular Combinations:

• Lemon and ginger
• Cucumber and mint
• Berry and basil

9. Smoothies

Why They’re Effective: Smoothies can be packed with detoxifying ingredients such as leafy greens, fruits, and superfoods like chia seeds and spirulina. They provide hydration along with fiber and essential nutrients.

Cymbiotika Enhancement: To enhance your smoothies, consider adding our plant-based supplements for an extra kick of nutrients and antioxidants.

Supporting Your Detox with Lifestyle Choices

While drinks can play a significant role in detoxification, they should be part of a holistic approach to health. Here are some lifestyle tips to optimize your detox efforts:

1. Maintain a Balanced Diet

Incorporate a variety of whole foods, including fruits, vegetables, whole grains, and lean proteins. Foods high in antioxidants, such as berries and leafy greens, can support your body’s natural detoxification processes.

2. Exercise Regularly

Physical activity promotes circulation and helps eliminate toxins through sweat. Aim for at least 150 minutes of moderate-intensity aerobic exercise each week, combined with strength training.

3. Prioritize Sleep

Quality sleep is essential for overall health and detoxification. Aim for 7-9 hours of sleep per night to allow your body to recover and regenerate.

4. Limit Processed Foods and Sugars

Reducing your intake of processed foods, added sugars, and unhealthy fats can help decrease your body’s toxic load, allowing your liver and kidneys to function more effectively.

Conclusion

Detoxification doesn’t have to be a complicated process filled with restrictive diets or questionable supplements. By incorporating the right drinks into your daily routine, along with mindful lifestyle choices, you can support your body’s natural detoxification systems and enhance your overall well-being.

At Cymbiotika, we believe in transparency and quality, ensuring that our supplements are designed to empower your wellness journey. If you’re looking for personalized recommendations tailored to your specific needs, we invite you to take our AI quiz to find the best products for you.

Additionally, explore our Detoxing Collection to discover our science-backed supplements that can further enhance your detoxification journey.

FAQ

What are the best drinks for detoxification?

The best drinks for detoxification include water, herbal teas, green tea, lemon water, coconut water, beet juice, and apple cider vinegar drinks.

How much water should I drink daily for detoxification?

The general recommendation is about 3.7 liters (125 ounces) for men and 2.7 liters (91 ounces) for women, though individual needs may vary based on activity levels and environmental conditions.

Can detox drinks replace meals?

Detox drinks are meant to complement a healthy diet and should not replace meals entirely. It’s important to maintain a balanced diet rich in whole foods.

How long does it take to feel the effects of detox drinks?

Individual experiences may vary, but many people report feeling more energized and less bloated within a few days of incorporating detox drinks into their routine.

Are detox drinks safe for everyone?

While most detox drinks are safe for general consumption, it’s always a good idea to consult with a healthcare professional before making significant changes to your diet, especially if you have underlying health conditions.

Other Health Hub articles

{ const header = document.querySelector(‘header’) header.classList.remove(‘spt-bg-white’) header.classList.add(‘spt-bg-cym-offwhite’) }) ]]>

Are you sure?

We’ll remind you before your next
Golden Mind order processes.

We’ll remind you before your next
Topical Magnesium order processes.

Keep

NO THANKS

Are you sure?

Removing will also remove the exclusive discounted item added to your cart.

Keep

NO THANKS

Add any of the products below to unlock your free gift.

ADD TO CART

Upgrade to a subscription and save Plus FREE shipping!

Upgrade to a subscription and save . Plus FREE shipping!

UPGRADE & SAVE NO THANKS, GO TO CHECKOUT

FOR YOU

One FREE Month of Golden Mind!

You’ve unlocked one FREE month of Golden Mind! Your subscription will renew automatically every 30 days, and we’ll remind you before your order processes.

Cancel anytime in your portal.

Boosts brainpower for clearer focus
Improves memory & focus
Prevents age-related cognitive decline

FOR YOU

One FREE Month of Topical Magnesium Oil!

You’ve unlocked one FREE month of Topical Magnesium Oil! Your subscription will renew automatically every 30 days, and we’ll remind you before your order processes.

Cancel anytime in your portal.

Topical Magnesium Oil Benefits

Soothes sore muscles
Reduces inflammation
Promotes relaxation

Your Cart ( items)

Free shipping on all subscription orders.

YOU’VE BEEN SELECTED!

Exclusive subscription offer: First month of Golden Mind is on us! Learn More Exclusive offer:
First month of Golden Mind subscription on us! Learn More

Exclusive subscription offer: First month of Topical Magnesium Oil is on us! Learn More Exclusive offer:
First month of Topical Magnesium Oil subscription on us! Learn More

ADD TO CART

{ return await (await fetch(‘/cart.js’)).json(); }; const _change = async (changes) => { return await (await fetch(‘/cart/change.js’, { method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’ }, body: JSON.stringify(changes) })).json(); }; const _update = async (updates) => { return await (await fetch(‘/cart/update.js’, { method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’ }, body: JSON.stringify(updates) })).json(); }; const _add = async (lineItems) => { return await (await fetch(‘/cart/add.js’, { method: ‘POST’, headers: { ‘Content-Type’: ‘application/json’, }, body: JSON.stringify({ items: lineItems }), })).json(); }; const _clear = async () => { return await (await fetch(‘/cart/clear.js’)).json(); }; const addToCart = async (items) => { const lineItems = items.map((item) => ({ id: item.variant_id, quantity: item.quantity, properties: Object.keys(item.properties || {}).length ? item.properties : null, …(item.selling_plan && { selling_plan: item.selling_plan }), })) try { await Cart._add(lineItems); await Cart.getCart(); return currentCart; } catch (error) { console.error(‘There was an error adding to the cart:’, error); throw error; } } const getCart = async () => { try { let currentCart = await Cart._get(); const event = new CustomEvent(‘cartUpdated’, { detail: currentCart }); lineItemCount = currentCart.item_count; cartItems = currentCart.items; document.dispatchEvent(event); return currentCart; } catch (error) { console.error(‘There was an error grabbing the cart:’, error); throw error; } } const clearCart = async () => { try { let currentCart = await Cart._clear(); const event = new CustomEvent(‘cartUpdated’, { detail: currentCart }); lineItemCount = currentCart.item_count; cartItems = currentCart.items; document.dispatchEvent(event); return currentCart; } catch (error) { console.error(‘There was an error clearing the cart:’, error); throw error; } } const changeCartItem = async (changes) => { try { await Cart._change(changes); await Cart.getCart(); } catch (error) { console.error(‘Error updating cart:’, error); throw error; } } const swapAllItemsToSub = async (changes) => { try { await Cart._change(changes); } catch (error) { console.error(‘Error updating cart:’, error); throw error; } } return { addToCart: addToCart, getCart: getCart, swapAllItemsToSub: swapAllItemsToSub, _change: _change, _update: _update, _get: _get, _add: _add, _clear: _clear, clearCart: clearCart, changeCartItem: changeCartItem, getCurrentCart: () => { return currentCart } } })() document.addEventListener(‘cartUpdated’, (event) => { const Cart = event.detail; console.log(Cart.items); numSubscriptionItems = Cart.item_count if (!cartItems) { lineItemCount = Cart.item_count; cartItems = Cart.items; } let numitems = 0; let numOtpItems = 0; Cart.items.forEach((item) => { if (item.properties.bundle_id != undefined) { numitems += item.quantity; } else { numOtpItems += item.quantity; } }); /* const hasSellingPlan = Cart.items.some(({selling_plan_allocation}) => selling_plan_allocation); */ window.numitems = numitems; /* updateGamification(Cart, hasSellingPlan) */ drawCart(); /* gamificationLogic(Cart , hasSellingPlan) */ }); function drawCart() { if (lineItemCount == 0) { cartEmptyMessage(); despawnFreeSubCartPopup() } else { drawLineItems(); setQuantityListeners(); setRemoveButtonListener(); setToggleButtonListener(); if(sessionStorage.getItem(‘freeSubGift’)){ spawnFreeSubCartPopup(); } } setProductUpsell(); addCartProductModalListener(); setFooterValues(); //setFreeGifts(); //updateProgressBar(totalPrice); updateCartItemsCount(); setCheckoutButton(); } //toggle display of carty empty message and line items function cartEmptyMessage() { document.getElementById(‘cart-empty-message’).classList.remove(‘spt-hidden’); let cartLineItems = document.getElementById(‘cart-line-items’); cartLineItems.classList.add(‘spt-hidden’); } //sets item count to item count on page header and within cart header function updateCartItemsCount() { lineItemCount = 0; cartItems.forEach(item => { lineItemCount += item.quantity; }); document.getElementById(‘cart-item-count’).innerHTML = lineItemCount; document.getElementById(‘navbar__cart’).querySelector(‘span’).style.display = ‘block’ document.getElementById(‘navbar__cart’).querySelector(‘span’).innerHTML = lineItemCount; } function allHomeCareAdded() { let uniqueHomecareItems = 0; let uniqueHomecareRefillSubscriptions = 0; let seenHomeCareItems = new Set(); // Initialize an empty Set to track seen items let laundryDetergentAdded = false; // Flag for specific product check if (cartItems.length >= 9) { for (let item of cartItems) { let product = productArray.find(product => product.handle === item.handle); if(!product) { continue } if(product.tags.includes(‘homecare’) && item.properties.added_from_pdp) { // Check for the specific product handle ‘laundry-detergent’ if (item.handle == ‘laundry-detergent’) { laundryDetergentAdded = true; } //Check if refill and it’s a subscription item if((item.handle.includes(‘refill’) || item.handle == ‘laundry-detergent’) && (item.properties.bundle_id || item.selling_plan_allocation)){ uniqueHomecareRefillSubscriptions++; } if(!seenHomeCareItems.has(item.handle)) { // Check if the item handle is not in the set seenHomeCareItems.add(item.handle); // Add the item handle to the set uniqueHomecareItems++; if (uniqueHomecareItems == 9 && laundryDetergentAdded) { addedHomeEssntialsKit = true; if(uniqueHomecareRefillSubscriptions == 5) { freeKitBottles = true; } else { freeKitBottles = false; } break; // Break the loop if 7 unique home care items are found and laundry detergent is added } } else { break; // Break the loop if a non-unique item is encountered } } } } else { freeKitBottles = false; addedHomeEssntialsKit = false; return; } } async function handleFreeSubOffer() { if(sessionStorage.getItem(‘freeSubGift’) == ‘magOil’){ if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-FreeGMPromoAug27-Claimed-TM’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-FreeGMPromoAug27-Claimed-TM’ }) } await addFreeSubGift(‘magnesium-oil’); } else { if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-FreeGMPromoAug27-Claimed-GM’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-FreeGMPromoAug27-Claimed-GM’ }) } await addFreeSubGift(‘golden-mind’); } } function checkForGoldenMind() { for (let item of cartItems) { if(item.handle == “golden-mind”){ return true } } return false; } function checkForMagOil() { for (let item of cartItems) { if(item.handle == “magnesium-oil”){ return true } } return false; } async function addFreeSubGift(upsellProduct) { let itemToAdd = []; let item; let freeGiftChoice = productArray.find(product => product.handle === upsellProduct); let property; if(freeGiftChoice.handle == “magnesium-oil” ) { property = “topical-mag-promo”; } else { property = “golden-mind-promo”; } item = { id: parseInt(freeGiftChoice.variant_id), title: freeGiftChoice.title, handle: freeGiftChoice.handle, price: 0, variant_id: parseInt(freeGiftChoice.variant_id), quantity: 1, selling_plan: parseInt(freeGiftChoice.selling_plan), properties: { “cym-promo”: property } }; itemToAdd.push(item); await Cart.addToCart(itemToAdd); document.getElementById(“free-gift-add-button”).classList.add(‘spt-hidden’) } function toggleBenefitsInfo(element) { element.querySelector(‘.free-sub-gift-bullet-points’).classList.toggle(‘spt-hidden’); if (element.querySelector(‘.icon-chevron-down’).classList.contains(‘spt-rotate-180’)) { element.querySelector(‘.icon-chevron-down’).classList.remove(‘spt-rotate-180’); } else { element.querySelector(‘.icon-chevron-down’).classList.add(‘spt-rotate-180’); } } function openAreYouSure() { if(sessionStorage.getItem(‘freeSubGift’) == ‘magOil’) { document.getElementById(‘you-sure-product’).innerText = “Topical Magnesium Oil” document.getElementById(‘you-sure-topical-mag-text’).classList.remove(‘spt-hidden’); document.getElementById(‘you-sure-golden-mind-text’).classList.add(‘spt-hidden’); } else { document.getElementById(‘you-sure-product’).innerText = “Golden Mind” document.getElementById(‘you-sure-golden-mind-text’).classList.remove(‘spt-hidden’); document.getElementById(‘you-sure-topical-mag-text’).classList.add(‘spt-hidden’); } document.getElementById(‘you-sure-overlay’).classList.remove(‘spt-hidden’); } function removeFreeSubProduct() { cartItems.forEach(item => { if(item.properties[‘cym-promo’] == “topical-mag-promo”){ if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-FreeGMPromoAug27-Removed-TM’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-FreeGMPromoAug27-Removed-TM’ }) } removeItemFromCart(item.key); freeGiftClaimed = false; closeYouSure(); } if(item.properties[‘cym-promo’] == “golden-mind-promo”){ if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-FreeGMPromoAug27-Removed-GM’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-FreeGMPromoAug27-Removed-GM’ }) } removeItemFromCart(item.key); freeGiftClaimed = false; closeYouSure(); } }); } function closeYouSure() { document.getElementById(‘you-sure-overlay’).classList.add(‘spt-hidden’); } function stopPropagation(event) { event.stopPropagation(); } function closeFreeSubGiftPopup() { document.getElementById(‘free-sub-gift-overlay’).classList.add(‘spt-hidden’); } function openFreeSubGiftPopup() { if(sessionStorage.getItem(‘freeSubGift’) == ‘magOil’){ document.getElementById(‘free-sub-gift-image-tm’).classList.remove(‘spt-hidden’); document.getElementById(‘free-sub-gift-image-gm’).classList.add(‘spt-hidden’); document.getElementById(‘free-sub-gift-image-gm’).classList.add(‘spt-hidden’); document.getElementById(‘free-sub-gift-image-tm’).classList.remove(‘spt-hidden’); document.getElementById(‘fre-sub-gift-content-gm’).classList.add(‘spt-hidden’); document.getElementById(‘fre-sub-gift-content-tm’).classList.remove(‘spt-hidden’); } document.getElementById(‘free-sub-gift-overlay’).classList.remove(‘spt-hidden’); } function spawnFreeSubCartPopup() { if(sessionStorage.getItem(‘freeSubGift’) == ‘magOil’ ){ document.getElementById(‘free-sub-gift-tm’).classList.remove(‘spt-hidden’); document.getElementById(‘free-sub-gift-gm’).classList.add(‘spt-hidden’); document.getElementById(‘free-sub-git-text-gm’).classList.add(‘spt-hidden’); document.getElementById(‘free-sub-git-text-tm’).classList.remove(‘spt-hidden’); if (window.dataLayer && !sessionStorage.getItem(‘displayedSubCartPopup’) ) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-FreeGMPromoAug27-Displayed-TM’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-FreeGMPromoAug27-Displayed-TM’ }) sessionStorage.setItem(‘displayedSubCartPopup’,’true’); } } if(sessionStorage.getItem(‘freeSubGift’) == ‘goldenMind’ ) { document.getElementById(‘free-sub-gift-tm’).classList.add(‘spt-hidden’); document.getElementById(‘free-sub-gift-gm’).classList.remove(‘spt-hidden’); document.getElementById(‘free-sub-git-text-gm’).classList.remove(‘spt-hidden’); document.getElementById(‘free-sub-git-text-tm’).classList.add(‘spt-hidden’); if (window.dataLayer && !sessionStorage.getItem(‘displayedSubCartPopup’)) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-FreeGMPromoAug27-Displayed-GM’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-FreeGMPromoAug27-Displayed-GM’ }) sessionStorage.setItem(‘displayedSubCartPopup’,’true’); } } if(sessionStorage.getItem(‘freeSubGift’) && lineItemCount > 0){ document.getElementById(‘free-sub-gift-banner’).classList.remove(‘spt-hidden’); } if(freeGiftClaimed){ document.getElementById(“free-gift-add-button”).classList.add(‘spt-hidden’); document.getElementById(“free-gift-add-button”).setAttribute(“disabled”, true); } else { document.getElementById(“free-gift-add-button”).setAttribute(“disabled”, false) document.getElementById(“free-gift-add-button”).classList.remove(‘spt-hidden’);; } } function despawnFreeSubCartPopup() { document.getElementById(‘free-sub-gift-banner’).classList.add(‘spt-hidden’); } function drawLineItems() { //toggle display of carty empty message and line items let cartLineItems = document.getElementById(‘cart-line-items’); document.getElementById(‘cart-empty-message’).classList.add(‘spt-hidden’); cartLineItems.classList.remove(‘spt-hidden’); //check to see if Natural Home Essentials Kit is in the cart allHomeCareAdded(); //reset footer global variables when items are drawn/redrawn in the cart for proper functionality totalDiscount = 0; totalPrice = 0 subscribableProducts = 0; oneTimeProducts = []; //document fragements and checks to construct each line item let supplementsFragment = document.createDocumentFragment(); let homecareFragment = document.createDocumentFragment(); let petcareFragment = document.createDocumentFragment(); let otherFragment = document.createDocumentFragment(); let supplementsHeaderAdded = false; let homecareHeaderAdded = false; let petcareHeaderAdded = false; let otherHeaderAdded = false; //internal function to construct headers for each line item group const createHeader = (text) => { let divBorderBox = document.createElement(‘div’); divBorderBox.classList = ‘spt-border-x spt-border-y spt-border-cym-lightgrey spt-rounded-lg’ let headerDiv = document.createElement(‘div’); let header = document.createElement(‘h1’); headerDiv.classList = ‘spt-w-full spt-border-b spt-border-cym-lightgrey spt-cym-h-2-sm lg:spt-cym-h-2 spt-py-2.5 lg:spt-py-3 spt-px-3 lg:spt-px-5’; header.textContent = text; headerDiv.appendChild(header); let unorderedList = document.createElement(‘ul’); unorderedList.classList = ‘spt-text-cym-black spt-px-3 md:spt-px-5’ unorderedList.id = `${text}` divBorderBox.appendChild(headerDiv) divBorderBox.appendChild(unorderedList) return divBorderBox; }; if (cartItems) { cartItems.forEach((item,index) => { //variables and checks needed for each individual line item if (item.quantity > 5) { item.quantity = 5; } let lineItem = productArray.find(product => product.handle === item.handle); let defaultText; let purchaseOption; let formattedPrice = (item.price / 100).toFixed(2); let possibleSavings; let numSubItems = subsItemsQty(); let showQuantitySlider = false; // AOV PROMO REMOVE WHEN DONE let showAOVPromoItem = false; // AOV PROMO REMOVE WHEN DONE let showSubToggle = false let showDiscountPercentage = false; let oneTimeItemOnly = false; let discountPercentage; //if line item is a subscription item if((item.properties.bundle_id || item.selling_plan_allocation) && lineItem.tags.includes(“Subscription”)) { if (item.properties[‘cym-promo’]) { if(item.handle == “magnesium-oil”){ sessionStorage.setItem(‘freeSubGift’, ‘magOil’); } else { sessionStorage.setItem(‘freeSubGift’, ‘goldenMind’); } purchaseOption = “FREE” formattedPrice = formattedPrice; freeGiftClaimed = true; } else { defaultText = ‘Subscription’ purchaseOption = ‘One-Time’; formattedPrice = (formattedPrice * item.quantity).toFixed(2); let discountDetails = calculateDynamicDiscountDetails(formattedPrice,numSubItems); let discountPrice = discountDetails.discountedPrice; formattedPrice = discountPrice.toFixed(2) subscribableProducts += item.quantity; showQuantitySlider = true; showSubToggle = true; showDiscountPercentage = true; discountPercentage = discountDetails.discountPercentage; totalDiscount += (item.price – (item.price * (1 – discountPercentage/100))) * item.quantity; } //if line item is a free gift } else if(item.properties[‘cym-promo’] == “aug23-free-gift”) { purchaseOption = “FREE” formattedPrice = 0; freeGiftClaimed = true; if (overlayObserver !== null) { overlayObserver.disconnect(); overlayObserver = null; // reset the observer variable } possibleSavings = 0; //if all parts of the exodia are present (natural home essentials kit) and bottles are added from the natural home essentials kit pdp } else if(addedHomeEssntialsKit && item.properties.added_from_pdp && (!item.properties.bundle_id || !item.selling_plan_allocation) && item.handle.includes(‘-bottle’)) { if(freeKitBottles){ purchaseOption = “FREE”; formattedPrice = 0; possibleSavings = 0; oneTimeItemOnly = false; } else { formattedPrice = ((item.discounted_price/100) * item.quantity).toFixed(2); purchaseOption = ‘One-Time’ oneTimeItemOnly = true; } //to help with removing bottles if associated kit item is removed if(!discountedBottlesInCart.includes(item)) { discountedBottlesInCart.push(item); } } else { defaultText = ‘One-Time’ purchaseOption = ‘Subscription’; //if one-time item is subscribable if((lineItem?.tags?.includes(“subscribable”) || lineItem?.tags?.includes(“Subscription”))){ if(!(item.properties[‘cym-promo’] == “nov24aov1” || item.properties[‘cym-promo’] == “nov24aov2” || item.properties[‘cym-promo’] == “nov24aov3”)) { oneTimeProducts.push(item); } if(oneTimeProducts.length >=1 && !sessionStorage.getItem(‘freeSubGift’)){ if(checkForGoldenMind() == true && checkForMagOil() == false) { sessionStorage.setItem(‘freeSubGift’, ‘magOil’); } else { sessionStorage.setItem(‘freeSubGift’, ‘goldenMind’); } spawnFreeSubCartPopup(); } subscribableProducts += item.quantity; showQuantitySlider = true; showSubToggle = true; formattedPrice = (formattedPrice * item.quantity).toFixed(2); let discountDetails = calculateDynamicDiscountDetails(formattedPrice,(numSubItems + item.quantity)); let potentialSavings = discountDetails.potentialSavings; possibleSavings = potentialSavings; } //if one-time item added and not subscribable, for example being a bottle else if(item.properties.added_from_pdp && (!item.properties.bundle_id || !item.selling_plan_allocation)) { formattedPrice = ((item.discounted_price/100) * item.quantity).toFixed(2); if(!discountedBottlesInCart.includes(item)) { discountedBottlesInCart.push(item); oneTimeItemOnly = true; } //for every other product } else { showQuantitySlider = true; formattedPrice = (formattedPrice * item.quantity).toFixed(2); oneTimeItemOnly = true; } } if(item.properties.added_from_duo) { oneTimeItemOnly = true; showSubToggle = false; showQuantitySlider = false; oneTimeProducts = oneTimeProducts.filter(item => item.handle !== ‘d3’); let a2cbutton = document.getElementById(‘add-to-cart’); if(a2cbutton && window.location.pathname.includes(‘brighter-days-duo’)){ a2cbutton.disabled = true; } } else { let a2cbutton = document.getElementById(‘add-to-cart’); if(a2cbutton && window.location.pathname.includes(‘brighter-days-duo’)){ a2cbutton.disabled = false; } } //add totalPrice of each product added if (!item.properties[‘cym-promo’] && !item.properties[‘_gam_gift’]) { totalPrice += parseFloat(formattedPrice); } // AOV PROMO REMOVE WHEN DONE if(item.properties[‘cym-promo’] == “nov24aov1” || item.properties[‘cym-promo’] == “nov24aov2” || item.properties[‘cym-promo’] == “nov24aov3”) { oneTimeItemOnly = true; showSubToggle = false; showQuantitySlider = false; showAOVPromoItem = true; } // AOV PROMO REMOVE WHEN DONE //construct html of each line item, can’t be in normal html since it needs to have data and dynamically created let itemElement = document.createElement(‘li’); let featuredImage = item.featured_image.url; let mobileImage = featuredImage + “&width=48&height=48”; let pastMobileImage = featuredImage + “&width=82&height=82”; itemElement.innerHTML = item.properties?._gam_gift ? `

${item.title}

$${(item.final_line_price / 100).toFixed(2)}

Gift from $${item.properties._goal} purchase ` : ` ${item.title} ${purchaseOption === “FREE” || (oneTimeItemOnly && purchaseOption === “One-Time”) || !showQuantitySlider ? ‘x ‘+item.quantity : ” } ${showDiscountPercentage ? ` Subscription Discount (${discountPercentage}% off) ${currency+formattedPrice} ${currency+((parseFloat(item.price, 10)/100)*item.quantity).toFixed(2)} ` : ` ${purchaseOption === “FREE” ? ` 1st Month FREE ${currency+formattedPrice} Subscription *Automatically enrolls as a subscription.
Renews in 30 days. Cancel anytime. I don’t want this ` : `${currency+formattedPrice}`} `} ${showAOVPromoItem ? ` One-time Save ${item.quantity * 10}% ` : ”} ${ oneTimeItemOnly && item.quantity == 5 ? `Max Quantity Limited Reached`:”} ${showSubToggle ? ` ${defaultText} ${purchaseOption} `: ”} ${showQuantitySlider ? ` ${oneTimeItemOnly ? ‘ One-Time ‘ :“} ${item.quantity} ` : ”} ${!oneTimeItemOnly && item.quantity == 5 ? `Max Quantity Limited Reached`:”} ${showDiscountPercentage ? ` Delivers every 30 days ` : (purchaseOption === “FREE” ? ” : (oneTimeItemOnly ? “ : ` Save ${currency+possibleSavings} Subscribe & Save `))} `; //construct headers if (lineItem && lineItem.type === ‘supplement’ && !item.properties?._gam_gift) { if (!supplementsHeaderAdded) { supplementsFragment.appendChild(createHeader(‘SUPPLEMENTS’)); supplementsHeaderAdded = true; } let suppDiv = supplementsFragment.getElementById(‘SUPPLEMENTS’); if (suppDiv.children.length > 0) { itemElement.classList.add(‘spt-border-t’, ‘spt-border-cym-lightgrey’); } suppDiv.appendChild(itemElement); } else if (lineItem && lineItem.type === ‘homecare’) { if (!homecareHeaderAdded) { homecareFragment.appendChild(createHeader(‘HOMECARE’)); homecareHeaderAdded = true; } let homeDiv = homecareFragment.getElementById(‘HOMECARE’); if (homeDiv.children.length > 0) { itemElement.classList.add(‘spt-border-t’, ‘spt-border-cym-lightgrey’); } homeDiv.appendChild(itemElement); } else if (lineItem && lineItem.type === “petcare”) { if (!petcareHeaderAdded) { petcareFragment.appendChild(createHeader(‘PETS’)); petcareHeaderAdded = true; } let petcareDiv = petcareFragment.getElementById(‘PETS’); if (petcareDiv.children.length > 0) { itemElement.classList.add(‘spt-border-t’, ‘spt-border-cym-lightgrey’); } petcareDiv.appendChild(itemElement); } else { if (!otherHeaderAdded) { otherFragment.appendChild(createHeader(‘OTHER’)); otherHeaderAdded = true; } let otherDiv = otherFragment.getElementById(‘OTHER’); if (otherDiv.children.length > 0) { itemElement.classList.add(‘spt-border-t’, ‘spt-border-cym-lightgrey’); } otherDiv.appendChild(itemElement); } }); //clear the append to cartLineItems for no duplication of items. cartLineItems.innerHTML = ”; if (supplementsHeaderAdded) { cartLineItems.appendChild(supplementsFragment); } if (homecareHeaderAdded) { cartLineItems.appendChild(homecareFragment); } if (petcareHeaderAdded) { cartLineItems.appendChild(petcareFragment); } if (otherHeaderAdded) { cartLineItems.appendChild(otherFragment); } } //dropdown logic for each line item in the cart handleLineItemDropDownLogic() } function displayMaxQuantityError(quanity,itemKey,itemHandle, showQuantityWarn) { let maxQuantityHandle = document.getElementById(`${itemKey}MaxQuantity${itemHandle}`); if(quanity == 5 && showQuantityWarn) { maxQuantityHandle.classList.remove(‘spt-hidden’); } } function handleLineItemDropDownLogic() { let cartDropDownSelects = document.querySelectorAll(‘.line-item-drop-down-select’); cartDropDownSelects.forEach(function(dropdown,index) { //variables to be modified let defaultTextElement = dropdown.querySelector(‘.defaultText’); let chosenOptionContainer = dropdown.querySelector(‘.line-item-chosen-option’); let svgArrow = chosenOptionContainer.querySelector(‘.icon-chevron-right’); let optionsDiv = dropdown.querySelector(‘.spt-invisible’); let options = optionsDiv.querySelectorAll(‘.option’); //internal function to toggle between the dropdown selectors function toggleDropdown() { let isDropdownOpen = svgArrow.classList.contains(‘spt-rotate-270’); chosenOptionContainer.style.borderBottomStyle = isDropdownOpen ? ‘solid’ : ‘none’; chosenOptionContainer.style.borderRadius = isDropdownOpen ? ‘6px’ : ‘6px 6px 0px 0px’; svgArrow.classList.toggle(‘spt-rotate-90’, isDropdownOpen); svgArrow.classList.toggle(‘spt-rotate-270’, !isDropdownOpen); optionsDiv.classList.toggle(‘spt-invisible’, isDropdownOpen); optionsDiv.classList.toggle(‘spt-visible’, !isDropdownOpen); } //internal function to swap text subscription and one time function swapText(optionElement) { let tempText = defaultTextElement.textContent; defaultTextElement.textContent = optionElement.textContent; optionElement.textContent = tempText; toggleDropdown(); let lineItemKey = dropdown.closest(‘[data-product-key]’).getAttribute(‘data-product-key’) swapPurchasePlan(lineItemKey); let lineItem = cartItems.find(item => item.key === lineItemKey); let purchasePlan = dropdown.closest(‘[data-product-key]’).getElementsByClassName(‘defaultText’)[0]; purchasePlan = purchasePlan.innerHTML; const gaLabel = `${lineItem.title} – switch plan to ${purchasePlan}` window.cym.event(‘Cart’, ‘ChangePlan’, gaLabel ) } chosenOptionContainer.addEventListener(‘click’, function() { toggleDropdown(); }); options.forEach(function(option) { option.addEventListener(‘click’, function() { swapText(this); }); }); }); } function setQuantityListeners() { //debounce function let debouncedUpdateProductQuantity = debounce(updateProductQuantity, 250); //variables to use in function let productKey; let lineItemQuantity; let newQuantity; let minusButtons = document.getElementsByClassName(‘cart-minus-button’); //grabs nearest key and quantity for the minus button for each line item for (let button of minusButtons) { button.addEventListener(‘click’, function() { productKey = this.closest(‘[data-product-key]’).getAttribute(‘data-product-key’); let lineItem = cartItems.find(item => item.key === productKey); lineItemQuantity = this.parentNode.querySelector(‘.line-item-quantity’); newQuantity = 0; //Check to make sure user doesn’t accidentally remove a product if (this.classList.contains(‘spt-bg-red-500’)) { this.classList.remove(‘spt-bg-red-500’); debouncedUpdateProductQuantity(productKey, newQuantity); } else { //decrement value of current quantity newQuantity = parseInt(lineItemQuantity.textContent) – 1; if (newQuantity <= 0) { newQuantity = 0; } //Checkt to make sure user doesn't remove a product by styling it differently and not calling debouncedUpdateProductQuantity if (newQuantity === 0) { this.classList.add('spt-bg-red-500'); this.innerHTML = '' } else { //post new decremented value to API debouncedUpdateProductQuantity(productKey, newQuantity, ); } } }); } //increment value of line item quantity and then post to api after debounce let plusButtons = document.getElementsByClassName('cart-plus-button'); for (let button of plusButtons) { button.addEventListener('click', function() { productKey = this.closest('[data-product-key]').getAttribute('data-product-key'); lineItemQuantity = this.parentNode.querySelector('.line-item-quantity'); if(parseInt(lineItemQuantity.textContent) + 1 func.apply(context, args), delay); }; } //update product quanity, needs key for specific product and quantity to update async function updateProductQuantity(lineIteKey, newQuantity) { let lineItem = cartItems.find(item => item.key === lineIteKey); let update = {}; update = { ‘id’: lineIteKey, ‘quantity’: newQuantity }; await Cart.changeCartItem(update); //if the bottle exist with the refill from the kit, if the refill quantity gets lowered, the associated bottle quantity is also lowered if (lineItem.handle.endsWith(“-refill”) && lineItem.properties.added_from_pdp ) { let bottleItemHandle = lineItem.handle.replace(“-refill”, “-bottle”); let bottleItem = cartItems.find(item => item.handle === bottleItemHandle && item.properties.added_from_pdp); if(bottleItem) { let bottleItemKey = bottleItem.key; if(bottleItem.quantity > newQuantity){ update = { ‘id’: bottleItemKey, ‘quantity’: newQuantity } await Cart.changeCartItem(update); } } } } //remove aov promo later let aovKeyToRemove; function spawnAovPromo(productKey) { document.getElementById(‘aov-overlay’).classList.remove(‘spt-hidden’); aovKeyToRemove = productKey; } function closeAovPromo() { document.getElementById(‘aov-overlay’).classList.add(‘spt-hidden’); } function removeAovProduct() { removeItemFromCart(aovKeyToRemove); closeAovPromo(); } //remove aov promo later //set event listeners to remove a line item from cart function setRemoveButtonListener () { let removeButtons = document.getElementsByClassName(‘line-item-remove’); for (let button of removeButtons) { button.addEventListener(‘click’, function() { let closestKey = this.closest(‘[data-product-key]’); let lineItemQuantity = closestKey.querySelector(‘.line-item-quantity’); let productKey = closestKey.getAttribute(‘data-product-key’); let lineItem = cartItems.find(item => item.key === productKey); //remove aov promo later let aovItem = cartItems.find(item => item.properties[‘cym-promo’] == “nov24aov1” || item.properties[‘cym-promo’] == “nov24aov2” || item.properties[‘cym-promo’] == “nov24aov3”); if (aovItem && aovItem != lineItem) { if(aovItem.variant_id == lineItem.variant_id) { document.querySelectorAll(‘.aov-product’).forEach(element => { element.innerHTML = aovItem.product_title; }); spawnAovPromo(productKey); } } else { if (lineItemQuantity) { lineItemQuantity.innerHTML = 0; } removeItemFromCart(productKey); let purchasePlan = closestKey.getElementsByClassName(‘defaultText’)[0]; let purchasePlanType = (typeof purchasePlan == ‘undefined’) if(purchasePlanType) { purchasePlan = ‘One-Time’ const gaLabel = `${lineItem.title} ${lineItem.product_id} – ${purchasePlan}` window.cym.event(‘Cart’, ‘RemoveItem’, gaLabel); } else { const gaLabel = `${lineItem.title} ${lineItem.product_id} – ${purchasePlan.innerHTML}` window.cym.event(‘Cart’, ‘RemoveItem’, gaLabel); } } //remove aov promo later }); } } //call to api to remove items from the cart async function removeItemFromCart (lineItemKey) { let lineItem = cartItems.find(item => item.key === lineItemKey); //if a free gift is removed, set global variable to false if (lineItem.properties[‘cym-promo’]) { freeGiftClaimed = false; } //remove duo logic later if (lineItem.properties[‘added_from_duo’]) { let duoItem; if (lineItem.handle == ‘d3’) { duoItem = cartItems.find(item => item.handle === ‘brighter-days-duo’); } else { duoItem = cartItems.find(item => item.handle === ‘d3’); } if (duoItem) { let duoUpdate = { ‘id’: duoItem.key, ‘quantity’: 0 }; await Cart.changeCartItem(duoUpdate); let a2cbutton = document.getElementById(‘add-to-cart’); if(a2cbutton && window.location.pathname.includes(‘brighter-days-duo’)){ a2cbutton.disabled = false; } } } //remove duo logic later //remove aov promo later let aovItem = cartItems.find(item => item.properties[‘cym-promo’] == “nov24aov1” || item.properties[‘cym-promo’] == “nov24aov2” || item.properties[‘cym-promo’] == “nov24aov3”); if (aovItem && aovItem != lineItem) { if(aovItem.variant_id == lineItem.variant_id) { let aovUpdate = { ‘id’: aovItem.key, ‘quantity’: 0 }; await Cart.changeCartItem(aovUpdate); if(window.dataLayer){ window.dataLayer.push({ event:’SproutEvent’, sptEventName: ‘Spt-Cart-AovPromo-Removed’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-AovPromo-Removed’ }); } } } if(aovItem && aovItem == lineItem) { if(window.dataLayer){ window.dataLayer.push({ event:’SproutEvent’, sptEventName: ‘Spt-Cart-AovPromo-Removed’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-AovPromo-Removed’ }); } } //remove aov promo later //to prevent customers gaming our damn system //If refill added from kit pdp, remove associated bottle in discountedBottlesInCart if (lineItem.handle.endsWith(“-refill”) && lineItem.properties.added_from_pdp) { let bottleItemHandle = lineItem.handle.replace(“-refill”, “-bottle”); let bottleItem = discountedBottlesInCart.find(item => item.handle === bottleItemHandle); discountedBottlesInCart = discountedBottlesInCart.filter(item => item.handle === bottleItemHandle); // if bottle is found, remove bottle first if (bottleItem) { let bottleUpdate = { ‘id’: bottleItem.key, ‘quantity’: 0 }; await Cart.changeCartItem(bottleUpdate); } } let update = { ‘id’: lineItemKey, ‘quantity’: 0 }; await Cart.changeCartItem(update); if(lineItemCount == 1) { cartItems.forEach(item => { if(item.properties[‘cym-promo’]){ removeItemFromCart(item.key); freeGiftClaimed = false; } }); } } //sets toggle button listeners to swap between subscription and one time purchase plan function setToggleButtonListener () { let toggleButton = document.getElementsByClassName(‘line-item-toggle’); let debouncedSwapPurchasePlan = debounce(swapPurchasePlan, 300); for (let button of toggleButton) { button.addEventListener(‘click’, function() { let productKey = this.closest(‘[data-product-key]’).getAttribute(‘data-product-key’); debouncedSwapPurchasePlan(productKey); }); } } //swaps purchase plan specific line item, requires line item key for specific item async function swapPurchasePlan(lineItemKey) { let lineItem = cartItems.find(item => item.key === lineItemKey); let changeData = {}; let product = productArray.find(product => product.handle === lineItem.handle); //if product is not in subscribable products, return if(product == undefined ) { return; } else { if(rechargeCheckout){ //if item is a subscription item, swap to one time item if (lineItem.properties && lineItem.properties.bundle_id) { changeData = { ‘id’: lineItemKey, ‘properties’: { ‘variant_id’ : (lineItem.variant_id).toString() }, ‘quantity’: lineItem.quantity }; //if item is a one time item, swap to subscription item } else { changeData = { ‘id’: lineItemKey, ‘properties’: { ‘bundle_id’: (lineItem.variant_id).toString() }, ‘quantity’: lineItem.quantity }; } } else { //if subscription item, swap to one time if(lineItem.selling_plan_allocation) { changeData = { ‘id’: lineItemKey, ‘quantity’: lineItem.quantity, ‘selling_plan’: null, ‘properties’: {} }; } else { changeData = { ‘id’: lineItemKey, ‘quantity’: lineItem.quantity, ‘selling_plan’: product.selling_plan, ‘properties’: {} }; } } if(lineItem.properties.added_from_pdp) { changeData.properties.added_from_pdp = lineItem.properties.added_from_pdp; } await Cart.changeCartItem(changeData); } } //returns number of current subscription items in the cart function subsItemsQty() { let numSubItems = 0; cartItems.forEach(item => { if (item.properties[‘cym-promo’] ) { return; // Skip this iteration } if(item.properties.bundle_id != undefined || item.properties.bundle_id != null || item.selling_plan_allocation) { numSubItems += item.quantity; } }); return numSubItems; } function calculateDynamicDiscountDetails(price, numSubItems) { const initialDiscountPercentage = 10; // 10% discount for the first item const maxDiscountPercentage = 30; // Maximum discount percentage const discountStep = 5; // 5% increment for each additional numSubItems beyond the first // Calculate the subscribable discount percentage dynamically based on numSubItems // Add the additional 5% starting from the second item let subscribableDiscountPercentage = initialDiscountPercentage + ((numSubItems – 1) * discountStep); subscribableDiscountPercentage = Math.min(subscribableDiscountPercentage, maxDiscountPercentage); let discountDecimalForSubscribable = 1 – (subscribableDiscountPercentage / 100); let calculatedDiscountPercentage; if (numSubItems === 0) { calculatedDiscountPercentage = 0; // 0% discount if numSubItems is 0 } else if (numSubItems > 4) { calculatedDiscountPercentage = maxDiscountPercentage; // Flat 30% discount if numSubItems is 5 or more } else { calculatedDiscountPercentage = initialDiscountPercentage + ((numSubItems – 1) * discountStep); // Incremental discount for 1-4 numSubItems } let discountDecimalForPrice = 1 – (calculatedDiscountPercentage / 100); let discountedPrice = price * discountDecimalForPrice; // Corrected calculation for potentialSavings dynamically based on specified pattern let potentialSavingsPercentage = ((numSubItems * discountStep) + 5); if(potentialSavingsPercentage > maxDiscountPercentage) { potentialSavingsPercentage = maxDiscountPercentage } let potentialSavingsDecimal = (potentialSavingsPercentage/100) let potentialSavings = price * potentialSavingsDecimal; // Calculate subscribable product savings using subscribable discount rate let subscribableSavings = price * (1 – discountDecimalForSubscribable); return { discountedPrice: parseFloat(discountedPrice.toFixed(2)), discountPercentage: calculatedDiscountPercentage, subscribableSavings: parseFloat(subscribableSavings.toFixed(2)), subscribableDiscountRate: subscribableDiscountPercentage, potentialSavings: (potentialSavings.toFixed(2)) // Add potentialSavings to the returned object }; } //sets footer numerical values function setFooterValues() { let savings = document.getElementById(‘cart-footer-savings’); let subtotal = document.getElementById(‘cart-footer-subtotal’); if (lineItemCount == 0) { savings.innerHTML = `${currency}0.00`; subtotal.innerHTML = `${currency}0.00`; totalPrice = 0; } else { subtotal.innerHTML = `${currency+totalPrice.toFixed(2)}`; savings.innerHTML = `${currency+(totalDiscount === undefined ? 0 :(totalDiscount/100).toFixed(2))}`; } } //generates html and styling for upsell div list elements function setProductUpsell() { let displayedProducts = []; upsellProducts = []; for (let product of productArray) { // if item is in cart continue in productArray if (cartItems.some(item => item.handle === product.handle)) { continue; } // this purposely does not support kits if(product.available === ‘true’ && !product.tags.includes(“kit”)) { displayedProducts.push(product); } if (displayedProducts.length === 5) { break; } } //create upsell item ul wrapper let upsellListWrapper = document.createElement(‘ul’); let upsellDiv = document.getElementById(‘cart-upsell-section’); upsellListWrapper.className = ‘spt-flex spt-gap-x-3 md:spt-gap-x-5 spt-px-5 md:spt-px-9’; upsellListWrapper.style.width = ‘max-content’; upsellDiv.innerHTML = ” ; upsellDiv.appendChild(upsellListWrapper); // create each item for the upsell list, can not be in html structure, must be dynamically added displayedProducts.forEach(product => { let discountDetails = calculateDynamicDiscountDetails((product.price/100),subsItemsQty() + 1); let discountPrice = discountDetails.discountedPrice; let imageWithoutWidth = product.image.slice(0, product.image.indexOf(“width”)); let mobileImage = imageWithoutWidth + “&width=200&height=200”; let pastMobileImage = imageWithoutWidth + “&width=300&height=300”; let productHTML = `

${product.title} ${product.reviews} ${currency+discountPrice.toFixed(2)} ${currency+(product.price/100).toFixed(2)} Subscription One-Time ADD TO CART `; upsellListWrapper.innerHTML += productHTML; upsellProducts.push(product); }); //set upsell dropdown logic for each drop down setUpsellDropDownLogic(); } //adds a one time item to the cart function addToCartOneTime(upsellProduct) { let itemToAdd = []; let item = { id: parseInt(upsellProduct.variant_id), title: upsellProduct.title, handle: upsellProduct.handle, price: upsellProduct.price, variant_id: parseInt(upsellProduct.variant_id), quantity: 1, properties: { ‘variant_id’: upsellProduct.variant_id } }; itemToAdd.push(item); Cart.addToCart(itemToAdd); } //adds a subscripition item to the cart function addToCartSubscription(upsellProduct) { let itemToAdd = []; let item; if(rechargeCheckout) { item = { id: parseInt(upsellProduct.variant_id), title: upsellProduct.title, handle: upsellProduct.handle, price: upsellProduct.price, variant_id: parseInt(upsellProduct.variant_id), quantity: 1, properties: { ‘bundle_id’: upsellProduct.variant_id } }; } else { item = { id: parseInt(upsellProduct.variant_id), title: upsellProduct.title, handle: upsellProduct.handle, price: upsellProduct.price, variant_id: parseInt(upsellProduct.variant_id), quantity: 1, selling_plan: parseInt(upsellProduct.selling_plan) }; } itemToAdd.push(item); Cart.addToCart(itemToAdd); } //adds logic to handle the dropdown to switch between sub and one time purchase plan function setUpsellDropDownLogic() { let cartDropDownSelects = document.querySelectorAll(‘.cart-drop-down-select’); cartDropDownSelects.forEach(function(dropdown,index) { let defaultTextElement = dropdown.querySelector(‘.defaultText’); let chosenOptionContainer = dropdown.querySelector(‘.cart-chosen-option’); let svgArrow = chosenOptionContainer.querySelector(‘.icon-chevron-right’); let optionsDiv = dropdown.querySelector(‘.spt-invisible’); let options = optionsDiv.querySelectorAll(‘.option’); //internal function to toggle dropdown between states function toggleDropdown() { let isDropdownOpen = svgArrow.classList.contains(‘spt-rotate-270’); chosenOptionContainer.style.borderBottomStyle = isDropdownOpen ? ‘solid’ : ‘none’; chosenOptionContainer.style.borderRadius = isDropdownOpen ? ‘6px’ : ‘6px 6px 0px 0px’; svgArrow.classList.toggle(‘spt-rotate-90’, isDropdownOpen); svgArrow.classList.toggle(‘spt-rotate-270’, !isDropdownOpen); optionsDiv.classList.toggle(‘spt-invisible’, isDropdownOpen); optionsDiv.classList.toggle(‘spt-visible’, !isDropdownOpen); } //swaps purchase plan in dropdown function swapText(optionElement) { let tempText = defaultTextElement.textContent; defaultTextElement.textContent = optionElement.textContent; optionElement.textContent = tempText; toggleDropdown(); } //Toggles dropdown when user clicks container chosenOptionContainer.addEventListener(‘click’, function() { toggleDropdown(); }); // swaps text depending on option chosen options.forEach(function(option) { option.addEventListener(‘click’, function() { swapText(this); }); }); //debounces update of switching purchase plan let cartUpsellA2cButton = document.getElementsByClassName(‘cart-upsell-a2c-button’)[index]; let debouncedOneTimeUpdate = debounce(addToCartOneTime, 300); let debouncedSubUpdate = debounce(addToCartSubscription, 300); cartUpsellA2cButton.addEventListener(‘click’, () => { if(defaultTextElement.textContent == ‘Subscription’) { debouncedSubUpdate(upsellProducts[index]); } else{ debouncedOneTimeUpdate(upsellProducts[index]); } const gaLabel = `${ upsellProducts[index].title } – ${ upsellProducts[index].product_id }, purchase_plan: ${ defaultTextElement.textContent }` window.cym.event( ‘Cart’, ‘AddToCart’, gaLabel ) }) }); } // set product modal listeners on the iamges for upsell and cart line items function addCartProductModalListener() { let cartElementsArray = Array.from(document.getElementsByClassName(‘cart-item-modal-button’)); cartElementsArray.forEach((cartElements) => { let productHandle = cartElements.getAttribute(‘data-product-handle’) || ”; let lineItem = productArray.find(product => product.handle === productHandle); if (lineItem) { let reviewCount = lineItem.reviews; let productUrl = `/products/${lineItem.handle}`; let sellingPlanId = lineItem.selling_plan; let productAvailable = lineItem.available === ‘true’; if(cartElements) { cartElements.addEventListener(‘click’, () => { const args = [productUrl, reviewCount, productAvailable]; if (sellingPlanId) args.push(sellingPlanId); spawnProductModal(…args); const gaLabel = lineItem.title; window.cym.event(‘Cart’, ‘OpenModal-Cart’, gaLabel ); }); } } }); let cartUpsellArray = Array.from(document.getElementsByClassName(‘cart-upsell-wrapper’)); cartUpsellArray.forEach((cartElements) => { let cartPopupButton = cartElements.getElementsByClassName(‘cart-product-modal’)[0]; let productHandle = cartElements.getAttribute(‘data-product-handle’) || ”; let lineItem = productArray.find(product => product.handle === productHandle); let reviewCount = lineItem.reviews; let productUrl = `/products/${lineItem.handle}`; let sellingPlanId = lineItem.selling_plan; let productAvailable = lineItem.available === ‘true’; if(cartPopupButton) { cartPopupButton.addEventListener(‘click’, () => { const args = [productUrl, reviewCount, productAvailable]; if (sellingPlanId) args.push(sellingPlanId); spawnProductModal(…args); const gaLabel = lineItem.title; window.cym.event(‘Cart’, ‘OpenModal-Upsell’, gaLabel ); upsellProductModalEvents(lineItem.title,lineItem.product_id); }); } }); } function upsellProductModalEvents(productTitle, productId){ let upsellLearnMoreButton = document.getElementsByClassName(‘product-modal-learn-more’)[0]; if (upsellLearnMoreButton) { upsellLearnMoreButton.addEventListener(‘click’, () => { window.cym.event(‘Cart’, ‘LearnMore’, productTitle) }); } let clonedButton = document.querySelector(‘button[data-cloned=”true”]’); let intervalId = setInterval(() => { clonedButton = document.querySelector(‘button[data-cloned=”true”]’); if (clonedButton) { // add event listener to the cloned button clonedButton.addEventListener(‘click’, () => { let purchasePlan = (clonedButton.innerText === ‘ADD TO SUBSCRIPTION’) ? ‘Subscription’ : ‘One-Time’; const gaLabel = `${ productTitle } – ${ productId }, purchase_plan: ${ purchasePlan }` window.cym.event( ‘Cart’, ‘AddToCart’, gaLabel ); }); // clear the interval clearInterval(intervalId); } }, 1000); } function updateProgressBar(cartTotal) { //to display the progress bar let targetAmount = 100.00 ; let progressPercentage = Math.min((cartTotal / targetAmount) * 100, 100); let progressBar = document.getElementById(‘progress-bar’); let progressText = document.getElementById(‘progress-text’); let freeShippingProgressText = document.getElementById(‘free-shipping-progress-text’); if((targetAmount – cartTotal).toFixed(2) = targetAmount && !freeGiftClaimed) { amountLeft = 0; progressText.innerHTML = ”; const addButton = document.createElement(‘button’); let overlay = document.querySelector(‘#drawer-cart__overlay’); let cartFreeGiftSvg = document.getElementById(‘cart-free-gift-svg’); cartFreeGiftSvg.classList.add(‘spt-cursor-pointer’) addButton.textContent = ‘Add free gift’; addButton.classList.add(‘spt-btn’, ‘spt-btn-primary’, ‘spt-w-max’, ‘spt-right-0’, ‘spt-top-[35px]’, ‘spt-text-[#3B585E]’, ‘spt-underline’); addButton.id=”spwan-free-gift-modal-button”; //If user clicks free gift svg, the addButton witll be clicked cartFreeGiftSvg.addEventListener(‘click’, async () => { if(progressText.textContent.includes(‘Add free gift’)){ addButton.click(); } }); //spawns free gift animation and disables button incase incase user adds an item addButton.addEventListener(‘click’, async () => { showFreeGiftAnimationScreen(); addButton.disabled = true; }) //re adds butotn if user didn’t claim one if (!addButton.disabled) { progressText.appendChild(addButton); } // Check if the observer has already been created if (overlayObserver === null) { // Create an instance of MutationObserver and define what it should do overlayObserver = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.type === ‘attributes’ && mutation.attributeName === ‘style’) { let opacity = overlay.style.opacity; if (opacity === ‘1’ && !closedMidAnimation && !closedFreeGiftModal && !continueToCheckout && totalPrice >= targetAmount) { showFreeGiftAnimationScreen(); } } }); }); // Start observing the element for attribute changes overlayObserver.observe(overlay, { attributes: true, // Listen for attribute changes attributeFilter: [‘style’] // Filter to only listen for style changes }); } //if target amount is met within the cart, then spawn free gift animation if(overlay.style.opacity == ‘1’ && !closedMidAnimation && !closedFreeGiftModal && !continueToCheckout) { showFreeGiftAnimationScreen(); } //if user hasn’t reached target amount for a free gift } else if (cartTotal { if(item.properties[‘cym-promo’] == “aug23-free-gift”){ removeItemFromCart(item.key); freeGiftClaimed = false; } }); } } else { //if free gift is not claimed update text to be remaining amount if(!freeGiftClaimed){ let cartFreeGiftSvg = document.getElementById(‘cart-free-gift-svg’); amountLeft = (targetAmount – cartTotal).toFixed(2); progressText.textContent = `Free gift at ${currency}` + amountLeft; closedMidAnimation = false; closedFreeGiftModal = false; cartFreeGiftSvg.classList.remove(‘spt-cursor-pointer’); //if claimed then add check mark } else { progressText.innerHTML = ` Free gift `; } } } //function to see free gift from handles function setFreeGifts() { freeGiftOptions = []; for (let product of productArray) { if (freeGiftItemHandles.includes(product.handle) && product.available === ‘true’) { freeGiftOptions.push(product); } } } //adds fre gift from lift of free gift options async function addFreeGift(variantId) { let itemToAdd = []; let item; let freeGiftChoice = freeGiftOptions.find(giftOptions => giftOptions.variant_id === variantId); item = { handle: freeGiftChoice.handle, title: freeGiftChoice.title, variant_id: parseInt(freeGiftChoice.variant_id), quantity: 1, properties: { “cym-promo”: “aug23-free-gift” } } itemToAdd.push(item); await Cart.addToCart(itemToAdd); } function showFreeGiftAnimationScreen() { //free gift modal elements let fgContainer = document.getElementById(‘free-gift-container’); let fgOverlay = document.getElementById(‘free-gift-overlay’); let player = document.querySelector(“lottie-player”); let freeGiftTextWrapper = document.getElementsByClassName(“free-gift-text-wrapper”)[0]; let fgAnimationCloseButton = document.getElementById(‘free-gift-animation-close-button’); let cartFreeGiftChoiceItemsWrapper = document.getElementsByClassName(‘cart-free-gift-choice-items-wrapper’)[0]; //if first loading animation if(!animationLoaded) { //click to close modal mid animation fgAnimationCloseButton.addEventListener(‘click’, function() { fgContainer.classList.add(‘spt-hidden’); fgOverlay.classList.add(‘spt-hidden’); closedMidAnimation = true; updateProgressBar(totalPrice); }); } else { //hide the free gift list if present if(cartFreeGiftChoiceItemsWrapper != undefined) { cartFreeGiftChoiceItemsWrapper.classList.add(‘spt-hidden’); } //unhide lottie player player.classList.remove(‘spt-hidden’) } //load animation and once one ‘loop’ has passed, spawn the free gift modal player.load(animationData); player.addEventListener(‘loop’, () => { spawnFreeGiftModal(fgContainer,fgOverlay); }); //display the modal freeGiftTextWrapper.classList.remove(‘spt-hidden’); fgContainer.classList.remove(‘spt-hidden’); fgOverlay.classList.remove(‘spt-hidden’); } function spawnFreeGiftModal(fgContainer,fgOverlay) { //Whenever free gift modal is spawned, lottie player and text needs to be hidden let player = document.querySelector(“lottie-player”); let freeGiftTextWrapper = document.getElementsByClassName(“free-gift-text-wrapper”)[0]; let cartFreeGiftChoiceItemsWrapper = document.getElementsByClassName(‘cart-free-gift-choice-items-wrapper’)[0]; player.classList.add(‘spt-hidden’); freeGiftTextWrapper.classList.add(‘spt-hidden’); // if setting the free gift list for the first time, add all listeners if (!animationLoaded) { let freeGiftList = document.getElementById(‘free-gift-list’); cartFreeGiftChoiceItemsWrapper.classList.remove(‘spt-hidden’); //iterate through free gifts we offer and populate list freeGiftOptions.forEach(product => { freeGiftList.innerHTML += `

${product.title} FREE ${currency+(product.price/100).toFixed(2)} `; }); //changes styling and which item will be added let freeGiftVariantId; freeGiftList.addEventListener(‘change’, (e) => { if (e.target && e.target.type === ‘radio’) { fgContainer.querySelectorAll(‘.cart-free-gift-product’).forEach(el => { el.classList.remove(‘cart-free-gift-selected’, ‘spt-bg-[#F2F4E6]’); }); const selectedProductItem = e.target.nextElementSibling.querySelector(‘.cart-free-gift-product’); if (selectedProductItem) { selectedProductItem.classList.add(‘cart-free-gift-selected’, ‘spt-bg-[#F2F4E6]’); } let addToCartButton = fgContainer.querySelector(‘#free-gift-a2c-button’); addToCartButton.disabled = false; freeGiftVariantId = e.target.id.replace(‘cart-free-gift-‘, ”); } }); //closes model let fgCloseButton = fgContainer.querySelector(‘#free-gift-close-button’); fgCloseButton.addEventListener(‘click’, function() { fgContainer.classList.add(‘spt-hidden’); fgOverlay.classList.add(‘spt-hidden’); closedFreeGiftModal = true; if (!freeGiftClaimed) { let freeGiftModalButton = document.getElementById(‘spwan-free-gift-modal-button’); freeGiftModalButton.disabled = false; } }); //claim chosen free gift let claimFreeGiftButton = document.getElementById(‘free-gift-a2c-button’); let debouncedAddFreeGift= debounce(addFreeGift, 300); claimFreeGiftButton.addEventListener(‘click’, async function() { await debouncedAddFreeGift(freeGiftVariantId); fgContainer.classList.add(‘spt-hidden’); fgOverlay.classList.add(‘spt-hidden’); }); //animation for cart has finished and cart has been populated animationLoaded = true; //toggle on and off the modal instead of re-adding all listeners } else { cartFreeGiftChoiceItemsWrapper.classList.remove(‘spt-hidden’); } } window.addEventListener(‘pageshow’, (event) => { if (event.persisted) { location.reload(); } }); function setCheckoutButton () { //clone button to prevent multiple event listeners let checkoutButton = document.getElementById(‘cart-checkout-button’); let parentElement = checkoutButton.parentNode; let clonedButton = checkoutButton.cloneNode(true); checkoutButton.remove(); parentElement.appendChild(clonedButton); let numSubItems = subsItemsQty(); //goes to checkoout depending on cart state clonedButton.addEventListener(‘click’, () => { let subtotal = document.getElementById(‘cart-footer-subtotal’); let subtotalText = subtotal.textContent.replace(‘$’, ”); const gaLabel = `total: ${ currency + subtotalText }, cart items: ${ JSON.stringify( cartItems.map( el => el.title ) ) }, sub items: ${ numSubItems }, onetime items: ${ oneTimeProducts.length }, containsSample: ${false}` window.cym.event(‘Cart’, ‘Checkout-Redirect’, gaLabel ); let canSubItems = oneTimeProducts.length; if(canSubItems == 0 && !continueToCheckout && !freeGiftClaimed && parseFloat(amountLeft) > 0) { //handleAlmostThere(); goToCheckout(numSubItems); } else if (canSubItems > 0){ handleSubNudge(); } else { if (almostThereSpawned) { let metaData = `amount before: ${almostThereCurrentSubtotal}, amount after: ${document.getElementById(‘cart-footer-subtotal’).innerHTML.replace(/$/, ”)}` sendDataLayer(‘Spt-Cart-AlmostThere’, metaData); } continueToCheckout = false; goToCheckout(numSubItems); } }); } function handleSubNudge() { tippy(‘.sub-nudge-tooltip’, { placement: ‘bottom-start’, theme: ‘light-border’, content: “This number is calculated with our 20%
NEWYEAR promotional code and subscription discounts.”, allowHTML: true }); //variables for container and cart items let snContainer = document.getElementById(‘sub-nudge-container’); let snOverlay = document.getElementById(‘sub-nudge-overlay’); let subNudgeTextWrapper = snContainer.querySelector(‘#sub-nudge-text-wrapper’); //change depending on discount let discountCode = .20; let subSavings = 0; //for each subscribable cart item calculate price of possible savings cartItems.forEach((item) => { let isSubscribable = productArray.find(product => product.handle === item.handle); let isBottle = discountedBottlesInCart.find(product => product.handle === item.handle) if(!(item.properties[‘cym-promo’]) && isSubscribable && !isBottle) { let formattedPrice = (item.original_price/100); if (item.quantity >1) { let discountDetails = calculateDynamicDiscountDetails(formattedPrice,subscribableProducts); let amSaved = discountDetails.subscribableSavings; subSavings += amSaved * item.quantity; } else { let discountDetails = calculateDynamicDiscountDetails(formattedPrice,subscribableProducts); subSavings += discountDetails.subscribableSavings; } } }); //grab span tags to populate let subNudgeMoneyText = snContainer.querySelector(‘#sub-nudge-money’); let subNudgeNumberWrapper = document.getElementById(‘sub-nudge-number-wrapper’); let subNudgProductsWrapper = document.getElementById(‘sub-nudge-products-wrapper’); let subNudgeNumber = subNudgeNumberWrapper.getElementsByClassName(‘sub-nudge-number’)[0]; let subNudgeOneTimeProducts = subNudgProductsWrapper.getElementsByClassName(‘sub-nudge-one-time-products’)[0]; //set text in span elements let savings = document.getElementById(‘cart-footer-savings’); let productString = oneTimeProducts.map(product => product.title).join(‘ and ‘); //Calculates how much user will save if they subscribe + discountCode let totalWithSubscription = ((totalPrice + (totalDiscount/100)) – (subSavings)); let amountSavedWithDiscount = ((totalPrice) – (totalWithSubscription – (totalWithSubscription * discountCode))).toFixed(2); subNudgeMoneyText.innerHTML = `${currency+amountSavedWithDiscount}`; subNudgeNumber.innerHTML = oneTimeProducts.length; subNudgeOneTimeProducts.innerHTML = productString; let subNudgeAmountSaved = subNudgeTextWrapper.getElementsByClassName(‘sub-nudge-amount-saved’); Array.from(subNudgeAmountSaved).forEach(element => { element.innerHTML = `${currency+amountSavedWithDiscount}`; }); //toggle which one we show instead adding innerHtml if(oneTimeProducts.length >= 4) { subNudgeNumberWrapper.classList.remove(‘spt-hidden’) subNudgProductsWrapper.classList.add(‘spt-hidden’); } else { subNudgeNumberWrapper.classList.add(‘spt-hidden’) subNudgProductsWrapper.classList.remove(‘spt-hidden’); } if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-SubSave-Open’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-SubSave-Open’ }) } //click event to swap all products to subscription let subNudgeSwitchButton = snContainer.querySelector(‘#sub-nudge-switch-button’); subNudgeSwitchButton.addEventListener(‘click’, async function() { let oneTimeProductsCount = oneTimeProducts.length; await swapAllProductsToSub(); snContainer.classList.add(‘spt-hidden’); snOverlay.classList.add(‘spt-hidden’) subNudgeClicked = true; numSubItems = subsItemsQty(); let savings = document.getElementById(‘cart-footer-savings’); let savingsText = savings.textContent.replace(‘$’, ”); const gaLabel = `items switched: ${ oneTimeProductsCount }, amount saved: ${ currency + savingsText }` window.cym.event( ‘Cart’, ‘Checkout-SubscribeAll’, gaLabel ) if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-SubSave-SubAll’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-SubSave-SubAll’ }) } goToCheckout(numSubItems); }); //click to close modal and go straight to checkout let subNudgeCloseButton = snContainer.querySelector(‘#sub-nudge-close-button’); subNudgeCloseButton.addEventListener(‘click’, function() { closeModal(snContainer,snOverlay); numSubItems = subsItemsQty(); if (window.dataLayer) { window.dataLayer.push({ event: ‘SproutEvent’, sptEventName: ‘Spt-Cart-SubSave-NoThanks’, sptEventMeta: null, eventCategory : ‘SproutEvent’, eventAction: ‘Spt-Cart-SubSave-NoThanks’ }) } goToCheckout(numSubItems); }); //display modal snContainer.classList.remove(‘spt-hidden’); snOverlay.classList.remove(‘spt-hidden’) } //iterate through all one time products in cart and swap purchase plan to subscription async function swapAllProductsToSub() { for (let item of oneTimeProducts) { let product = productArray.find(product => product.handle === item.handle); let changeData = {}; if(rechargeCheckout) { changeData = { ‘id’: item.key, ‘properties’: { ‘bundle_id’: (item.properties.variant_id).toString() }, ‘quantity’: item.quantity }; } else { changeData = { ‘id’: item.key, ‘quantity’: item.quantity, ‘selling_plan’: parseInt(product.selling_plan) }; } await Cart.swapAllItemsToSub(changeData); } await Cart.getCart(); } function handleAlmostThere() { let atContainer = document.getElementById(‘almost-there-container’); let atOverlay = document.getElementById(‘almost-there-overlay’); let almostThereList = document.getElementById(‘almost-there-list’); let amountTillGift = atContainer.querySelector(‘#sub-nudge-amount-til-gift’); //set amount needed left amountTillGift.innerHTML = `${currency+amountLeft}`; //popuplate array with supplement products for list in modal let availableProductsToAdd = []; for (let product of productArray) { if (cartItems.some(item => item.handle === product.handle)) { continue; } if(product.available === ‘true’ && product.type == ‘supplement’) { availableProductsToAdd.push(product); } } //populate list with available supplement products to be added availableProductsToAdd.forEach(product => { let discountDetails = calculateDynamicDiscountDetails((product.price/100),subsItemsQty() + 1); let discountPrice = discountDetails.discountedPrice; almostThereList.innerHTML += `

${product.title} ${currency+discountPrice.toFixed(2)}${currency+(product.price/100).toFixed(2)} `; }); //variables for event handling let addToCartButton = atContainer.querySelector(‘#almost-there-a2c-button’); let subChoice; //event listeners to change styling and which item gets added with add to cart button almostThereList.addEventListener(‘change’, (e) => { if (e.target && e.target.type === ‘radio’) { document.querySelectorAll(‘.almost-there-product’).forEach(el => { el.classList.remove(‘almost-there-selected’, ‘spt-bg-[#F2F4E6]’); }); const selectedProductItem = e.target.nextElementSibling.querySelector(‘.almost-there-product’); if (selectedProductItem) { selectedProductItem.classList.add(‘almost-there-selected’, ‘spt-bg-[#F2F4E6]’); } addToCartButton.disabled = false; let almostThereVariantId = e.target.id.replace(‘almost-there-‘, ”); subChoice = availableProductsToAdd.find(giftOptions => giftOptions.variant_id === almostThereVariantId); } }); //closes model let closeButton = atContainer.querySelector(‘#almost-there-close-button’); closeButton.addEventListener(‘click’, function() { closeModal(atContainer,atOverlay); }); //adds item to cart, if item added is more than amount left to free gift, then spawn free gift animation addToCartButton.addEventListener(‘click’, function() { addToCartSubscription(subChoice); atContainer.classList.add(‘spt-hidden’); atOverlay.classList.add(‘spt-hidden’); if((subChoice.price/100).toFixed(2) > parseFloat(amountLeft).toFixed(2)) { amountLeft = 0; //showFreeGiftAnimationScreen(); } }); //display modal atContainer.classList.remove(‘spt-hidden’); atOverlay.classList.remove(‘spt-hidden’); almostThereCurrentSubtotal = document.getElementById(‘cart-footer-subtotal’).innerHTML.replace(/$/, ”); almostThereSpawned = true; } // close the current modal and continue to checkout to true function closeModal(container,overlay) { container.classList.add(‘spt-hidden’); overlay.classList.add(‘spt-hidden’); continueToCheckout = true; } //sends the user to checkout async function goToCheckout(numSubItems) { let checkoutButton = document.getElementById(‘cart-checkout-button’); checkoutButton.disabled = true; let checkoutText = checkoutButton.querySelector(‘span’); checkoutText.classList.add(‘spt-hidden’); let cartLoadingAnimation = document.getElementsByClassName(‘lds-ellipsis’)[0]; cartLoadingAnimation.classList.remove(‘spt-hidden’); if (rechargeCheckout && numSubItems > 0) { //refresh current cart and create payload let currCart = await Cart.getCart(); let cartAttributes = currCart.attributes; let payload = { attributes: cartAttributes, products: [] } // for each item in the cart, add either one time or a subscription item to the payload for (item of cartItems) { let {product_id, variant_id, quantity, properties,handle} = item; let lineItem = productArray.find(product => product.handle === handle); if(item.properties.bundle_id && lineItem.tags.includes(“Subscription”)) { purchaseOption = ‘subscription’; } else { purchaseOption = ‘onetime’; } payload.products.push({ quantity, variant_id, product_id, purchase_type: purchaseOption, properties }); } // Maximum number of retries const maxRetries = 5; let retries = 0; let response; //Retry until respone.ok returns true, to prevent issue where respone doens’t go through while (retries { setDrawerOverlayCloseButton(); try { await Cart.getCart(); } catch (error) { console.error(‘Error fetching cart data:’, error); } }); ]]>

{ cookiesPopup.style.display = ‘none’; cookiesOverlay.style.display = ‘none’; localStorage.setItem(‘cookiesPopupClosed’, ‘true’); }, 500); // Match the CSS transition duration } const cookiesBtns = document.querySelectorAll(‘.cookies-btn’); cookiesBtns.forEach(btn => { btn.addEventListener(‘click’, closeCookiesPopup); }); ]]> Please ensure Javascript is enabled for purposes of website accessibility Please ensure Javascript is enabled for purposes of website accessibility 0) { window.InstaBuy = window.InstaBuy || {}; var scriptTag = document.createElement(“script”); scriptTag.src=”https://assets.useinstabuy.com/assets/instabuy-app.js”; document.head.appendChild(scriptTag); } ]]>

Table of Contents Introduction Understanding Detoxification The Role of Hydration in Detoxification Top Drinks for Detoxification Supporting Your Detox with Lifestyle Choices Conclusion FAQ Introduction Have you ever felt sluggish, bloated, or just not quite yourself? You’re not alone. Many of us experience these feeli