{"product_id":"crown-yourself-with-calm-virtual-tea-self-care-experience","title":"Crown Yourself With Calm: Virtual Tea \u0026 Self-Care Experience","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003eJoin Stacey’s Naturals for Crown Yourself With Calm, a virtual tea and self-care experience on Thursday, May 28th. Pause, sip, breathe, enjoy a calming skin ritual, and crown yourself with calm.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv class=\"custom-required-fields\" style=\"margin-bottom: 20px;\"\u003e\n  \u003c!-- 1. First Name Field --\u003e\n  \u003cp class=\"product-form__input\" style=\"margin-bottom: 15px;\"\u003e\n    \u003clabel class=\"form__label\" for=\"custom-first-name\" style=\"display:block; margin-bottom:5px;\"\u003e\u003cstrong\u003eFirst Name *\u003c\/strong\u003e\u003c\/label\u003e\n    \u003cinput id=\"custom-first-name\" type=\"text\" name=\"properties[First Name]\" class=\"field__input req-prop\" required style=\"width:100%; padding:10px; border:1px solid #ccc; border-radius:4px;\" form=\"product-form-{{ section.id }}\"\u003e\n  \u003c\/p\u003e\n\n  \u003c!-- 2. Email Address Field --\u003e\n  \u003cp class=\"product-form__input\" style=\"margin-bottom: 15px;\"\u003e\n    \u003clabel class=\"form__label\" for=\"custom-email\" style=\"display:block; margin-bottom:5px;\"\u003e\u003cstrong\u003eEmail Address *\u003c\/strong\u003e\u003c\/label\u003e\n    \u003cinput id=\"custom-email\" type=\"email\" name=\"properties[Email Address]\" class=\"field__input req-prop\" required style=\"width:100%; padding:10px; border:1px solid #ccc; border-radius:4px;\" form=\"product-form-{{ section.id }}\"\u003e\n  \u003c\/p\u003e\n\n  \u003c!-- 3. What do you need most right now? Dropdown --\u003e\n  \u003cp class=\"product-form__input\" style=\"margin-bottom: 15px;\"\u003e\n    \u003clabel class=\"form__label\" for=\"custom-needs\" style=\"display:block; margin-bottom:5px;\"\u003e\u003cstrong\u003eWhat do you need most right now? *\u003c\/strong\u003e\u003c\/label\u003e\n    \u003cselect id=\"custom-needs\" name=\"properties[What do you need most right now?]\" class=\"field__input req-prop\" required style=\"width:100%; padding:10px; border:1px solid #ccc; border-radius:4px; background:#fff;\" form=\"product-form-{{ section.id }}\"\u003e\n      \u003coption value=\"\"\u003e-- Please Select --\u003c\/option\u003e\n      \u003coption value=\"Peace\"\u003ePeace\u003c\/option\u003e\n      \u003coption value=\"Rest\"\u003eRest\u003c\/option\u003e\n      \u003coption value=\"Joy\"\u003eJoy\u003c\/option\u003e\n      \u003coption value=\"A Reset\"\u003eA Reset\u003c\/option\u003e\n      \u003coption value=\"All of the Above\"\u003eAll of the Above\u003c\/option\u003e\n    \u003c\/select\u003e\n  \u003c\/p\u003e\n\n  \u003c!-- 4. Are you bringing anyone? Dropdown --\u003e\n  \u003cp class=\"product-form__input\" style=\"margin-bottom: 15px;\"\u003e\n    \u003clabel class=\"form__label\" for=\"custom-guests\" style=\"display:block; margin-bottom:5px;\"\u003e\u003cstrong\u003eAre you bringing anyone? *\u003c\/strong\u003e\u003c\/label\u003e\n    \u003cselect id=\"custom-guests\" name=\"properties[Are you bringing anyone?]\" class=\"field__input req-prop\" required style=\"width:100%; padding:10px; border:1px solid #ccc; border-radius:4px; background:#fff;\" form=\"product-form-{{ section.id }}\"\u003e\n      \u003coption value=\"\"\u003e-- Please Select --\u003c\/option\u003e\n      \u003coption value=\"Just me\"\u003eJust me\u003c\/option\u003e\n      \u003coption value=\"I’m bringing someone\"\u003eI’m bringing someone\u003c\/option\u003e\n      \u003coption value=\"Not sure yet\"\u003eNot sure yet\u003c\/option\u003e\n    \u003c\/select\u003e\n  \u003c\/p\u003e\n\n  \u003c!-- 5. Are you a veteran, active duty, military family... Dropdown --\u003e\n  \u003cp class=\"product-form__input\" style=\"margin-bottom: 15px;\"\u003e\n    \u003clabel class=\"form__label\" for=\"custom-service\" style=\"display:block; margin-bottom:5px;\"\u003e\u003cstrong\u003eAre you a veteran, active duty, military family, nurse, caregiver, or someone who serves others? *\u003c\/strong\u003e\u003c\/label\u003e\n    \u003cselect id=\"custom-service\" name=\"properties[Are you a veteran, active duty, military family, nurse, caregiver, or someone who serves others?]\" class=\"field__input req-prop\" required style=\"width:100%; padding:10px; border:1px solid #ccc; border-radius:4px; background:#fff;\" form=\"product-form-{{ section.id }}\"\u003e\n      \u003coption value=\"\"\u003e-- Please Select --\u003c\/option\u003e\n      \u003coption value=\"Yes\"\u003eYes\u003c\/option\u003e\n      \u003coption value=\"No but I pour into others\"\u003eNo but I pour into others\u003c\/option\u003e\n      \u003coption value=\"Both feel true\"\u003eBoth feel true\u003c\/option\u003e\n    \u003c\/select\u003e\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  function initValidation() {\n    \/\/ Selects generic Shopify add to cart selectors across Dawn and Premium themes\n    const cartButtons = document.querySelectorAll('button[name=\"add\"], .product-form__submit, #AddToCart');\n    \n    cartButtons.forEach(button =\u003e {\n      \/\/ Avoid attaching duplicate event listeners\n      if (button.dataset.validationBound) return;\n      button.dataset.validationBound = \"true\";\n\n      button.addEventListener('click', function(event) {\n        const requiredInputs = document.querySelectorAll('.req-prop');\n        let hasEmptyField = false;\n\n        \/\/ Clear previous visual errors\n        requiredInputs.forEach(input =\u003e {\n          input.style.border = '1px solid #ccc';\n        });\n\n        \/\/ Loop through all questions to check for missing answers\n        for (let input of requiredInputs) {\n          if (input.value.trim() === '') {\n            \/\/ Aggressively kill the event chain so drawer themes don't submit via AJAX\n            event.preventDefault();\n            event.stopPropagation();\n            event.stopImmediatePropagation();\n            \n            input.style.border = '2px solid #ff0000';\n            input.focus();\n            hasEmptyField = true;\n            break; \n          }\n        }\n\n        if (hasEmptyField) {\n          alert('Please answer all mandatory questions before adding this item to your cart.');\n          return false;\n        }\n      }, { capture: true }); \/\/ Capture phase runs BEFORE theme scripts execute\n    });\n  }\n\n  \/\/ Run immediately and check periodically for themes loading blocks asynchronously\n  document.addEventListener(\"DOMContentLoaded\", initValidation);\n  setInterval(initValidation, 1000);\n})();\n\u003c\/script\u003e\n","brand":"staceysnaturals","offers":[{"title":"Default Title","offer_id":45505441398963,"sku":null,"price":37.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0507\/7781\/7267\/files\/Stacey_s_Naturals_Crown_Yourself_Image.png?v=1778873941","url":"https:\/\/staceysnaturals.com\/products\/crown-yourself-with-calm-virtual-tea-self-care-experience","provider":"staceysnaturals","version":"1.0","type":"link"}