page.vip-checkout.liquid (Before) page.vip-checkout.liquid (After)
   
{%- layout 'custom-checkout' -%} {%- layout 'custom-checkout' -%}
   
<div id="account-page" class="custom-checkout"> <div id="account-page" class="custom-checkout">
   
 {% if cart.item_count > 0  %}  {% if cart.item_count > 0  %}
   <form method="post" action="" onsubmit="return createOrder()" accept-charset="UTF-8" class="recharge-form">    <form method="post" action="" onsubmit="return createOrder()" accept-charset="UTF-8" class="recharge-form">
     <div class="grid">      <div class="grid">
       <div class="grid__item medium-up--two-thirds" id="CustomCheckoutForm">        <div class="grid__item medium-up--two-thirds" id="CustomCheckoutForm">
         <h1 class="checkout-title small--text-center">Checkout Details</h1>          <h1 class="checkout-title small--text-center">Checkout Details</h1>
         <div class="box-wrap">          <div class="box-wrap">
           <div class="box-title">            <div class="box-title">
             <h3>Customer Information</h3>              <h3>Customer Information</h3>
           </div>            </div>
           <div class="box-content">            <div class="box-content">
             <label for="checkout-email">Email Address</label>              <label for="checkout-email">Email Address</label>
             <input type="email" name="checkout-email" id="checkout-email" class="last" value="{{ customer.email }}" placeholder="Please enter" required />              <input type="email" name="checkout-email" id="checkout-email" class="last" value="{{ customer.email }}" placeholder="Please enter" required />
           </div>            </div>
         </div>          </div>
   
         <div class="box-wrap">          <div class="box-wrap">
           <div class="box-title">            <div class="box-title">
             <h3>Shipping Address</h3>              <h3>Shipping Address</h3>
           </div>            </div>
           <div class="box-content">            <div class="box-content">
             <div class="grid">              <div class="grid">
               <div class="grid__item medium-up--one-half">                <div class="grid__item medium-up--one-half">
                 <label for="checkout-first_name">First Name</label>                  <label for="checkout-first_name">First Name</label>
                 <input type="text" name="checkout-first_name" id="checkout-first_name" style="text-transform: capitalize;" value="{{ customer.first_name }}" placeholder="Please enter" required />                  <input type="text" name="checkout-first_name" id="checkout-first_name" style="text-transform: capitalize;" value="{{ customer.first_name }}" placeholder="Please enter" required />
               </div>                </div>
               <div class="grid__item medium-up--one-half">                <div class="grid__item medium-up--one-half">
                 <label for="checkout-last_name">Last Name</label>                  <label for="checkout-last_name">Last Name</label>
                 <input type="text" name="checkout-last_name" id="checkout-last_name" style="text-transform: capitalize;" value="{{ customer.last_name }}" placeholder="Please enter" required />                  <input type="text" name="checkout-last_name" id="checkout-last_name" style="text-transform: capitalize;" value="{{ customer.last_name }}" placeholder="Please enter" required />
               </div>                </div>
             </div>              </div>
                             
             <label for="checkout-address-1">Address</label>              <label for="checkout-address-1">Address</label>
             <input type="text" name="checkout-address-1" id="checkout-address-1" value="{{ customer.default_address.address1 }}" placeholder="Please enter" required />              <input type="text" name="checkout-address-1" id="checkout-address-1" value="{{ customer.default_address.address1 }}" placeholder="Please enter" required />
             <label for="checkout-address-2">Apt, Suite, etc. <span class="right">OPTIONAL</span></label>              <label for="checkout-address-2">Apt, Suite, etc. <span class="right">OPTIONAL</span></label>
             <input type="text" name="checkout-address-2" id="checkout-address-2" value="{{ customer.default_address.address2 }}" placeholder="Please enter" />              <input type="text" name="checkout-address-2" id="checkout-address-2" value="{{ customer.default_address.address2 }}" placeholder="Please enter" />
   
             <div class="grid">              <div class="grid">
               <div class="grid__item medium-up--one-half">                <div class="grid__item medium-up--one-half">
                 <label for="checkout-city">City</label>                  <label for="checkout-city">City</label>
                 <input type="text" name="checkout-city" id="checkout-city" value="{{ customer.default_address.city }}" placeholder="Please enter" required />                  <input type="text" name="checkout-city" id="checkout-city" value="{{ customer.default_address.city }}" placeholder="Please enter" required />
               </div>                </div>
               <div class="grid__item medium-up--one-half">                <div class="grid__item medium-up--one-half">
                 <label for="checkout-country">Country</label>                  <label for="checkout-country">Country</label>
                 <select name="checkout-country" id="checkout-country">                  <select name="checkout-country" id="checkout-country">
                   <option value="United States" selected>United States</option>                    <option value="United States" selected>United States</option>
                 </select>                  </select>
               </div>                </div>
             </div>              </div>
   
             <div class="grid">              <div class="grid">
               <div class="grid__item medium-up--one-half">                <div class="grid__item medium-up--one-half">
                 <label for="checkout-state">State</label>                  <label for="checkout-state">State</label>
                 {%- assign customer_state = customer.default_address.province -%}                  {%- assign customer_state = customer.default_address.province -%}
                 <select name="checkout-state" id="checkout-state" required>                  <select name="checkout-state" id="checkout-state" required>
                   <option value="">Please select</option>                    <option value="">Please select</option>
                   <option value="Alabama">Alabama</option>                    <option value="Alabama">Alabama</option>
                   <option value="Alaska">Alaska</option>                    <option value="Alaska">Alaska</option>
                   <option value="American Samoa">American Samoa</option>                    <option value="American Samoa">American Samoa</option>
                   <option value="Arizona">Arizona</option>                    <option value="Arizona">Arizona</option>
                   <option value="Arkansas">Arkansas</option>                    <option value="Arkansas">Arkansas</option>
                   <option value="Armed Forces Americas">Armed Forces Americas</option>                    <option value="Armed Forces Americas">Armed Forces Americas</option>
                   <option value="Armed Forces Europe">Armed Forces Europe</option>                    <option value="Armed Forces Europe">Armed Forces Europe</option>
                   <option value="Armed Forces Pacific">Armed Forces Pacific</option>                    <option value="Armed Forces Pacific">Armed Forces Pacific</option>
                   <option value="California">California</option>                    <option value="California">California</option>
                   <option value="Colorado">Colorado</option>                    <option value="Colorado">Colorado</option>
                   <option value="Connecticut">Connecticut</option>                    <option value="Connecticut">Connecticut</option>
                   <option value="Delaware">Delaware</option>                    <option value="Delaware">Delaware</option>
                   <option value="Federated States of Micronesia">Federated States of Micronesia</option>                    <option value="Federated States of Micronesia">Federated States of Micronesia</option>
                   <option value="Florida">Florida</option>                    <option value="Florida">Florida</option>
                   <option value="Georgia">Georgia</option>                    <option value="Georgia">Georgia</option>
                   <option value="Guam">Guam</option>                    <option value="Guam">Guam</option>
                   <option value="Hawaii">Hawaii</option>                    <option value="Hawaii">Hawaii</option>
                   <option value="Idaho">Idaho</option>                    <option value="Idaho">Idaho</option>
                   <option value="Illinois">Illinois</option>                    <option value="Illinois">Illinois</option>
                   <option value="Indiana">Indiana</option>                    <option value="Indiana">Indiana</option>
                   <option value="Iowa">Iowa</option>                    <option value="Iowa">Iowa</option>
                   <option value="Kansas">Kansas</option>                    <option value="Kansas">Kansas</option>
                   <option value="Kentucky">Kentucky</option>                    <option value="Kentucky">Kentucky</option>
                   <option value="Louisiana">Louisiana</option>                    <option value="Louisiana">Louisiana</option>
                   <option value="Maine">Maine</option>                    <option value="Maine">Maine</option>
                   <option value="Marshall Islands">Marshall Islands</option>                    <option value="Marshall Islands">Marshall Islands</option>
                   <option value="Maryland">Maryland</option>                    <option value="Maryland">Maryland</option>
                   <option value="Massachusetts">Massachusetts</option>                    <option value="Massachusetts">Massachusetts</option>
                   <option value="Michigan">Michigan</option>                    <option value="Michigan">Michigan</option>
                   <option value="Minnesota">Minnesota</option>                    <option value="Minnesota">Minnesota</option>
                   <option value="Mississippi">Mississippi</option>                    <option value="Mississippi">Mississippi</option>
                   <option value="Missouri">Missouri</option>                    <option value="Missouri">Missouri</option>
                   <option value="Montana">Montana</option>                    <option value="Montana">Montana</option>
                   <option value="Nebraska">Nebraska</option>                    <option value="Nebraska">Nebraska</option>
                   <option value="Nevada">Nevada</option>                    <option value="Nevada">Nevada</option>
                   <option value="New Hampshire">New Hampshire</option>                    <option value="New Hampshire">New Hampshire</option>
                   <option value="New Jersey">New Jersey</option>                    <option value="New Jersey">New Jersey</option>
                   <option value="New Mexico">New Mexico</option>                    <option value="New Mexico">New Mexico</option>
                   <option value="New York">New York</option>                    <option value="New York">New York</option>
                   <option value="North Carolina">North Carolina</option>                    <option value="North Carolina">North Carolina</option>
                   <option value="North Dakota">North Dakota</option>                    <option value="North Dakota">North Dakota</option>
                   <option value="Northern Mariana Islands">Northern Mariana Islands</option>                    <option value="Northern Mariana Islands">Northern Mariana Islands</option>
                   <option value="Ohio">Ohio</option>                    <option value="Ohio">Ohio</option>
                   <option value="Oklahoma">Oklahoma</option>                    <option value="Oklahoma">Oklahoma</option>
                   <option value="Oregon">Oregon</option>                    <option value="Oregon">Oregon</option>
                   <option value="Palau">Palau</option>                    <option value="Palau">Palau</option>
                   <option value="Pennsylvania">Pennsylvania</option>                    <option value="Pennsylvania">Pennsylvania</option>
                   <option value="Puerto Rico">Puerto Rico</option>                    <option value="Puerto Rico">Puerto Rico</option>
                   <option value="Rhode Island">Rhode Island</option>                    <option value="Rhode Island">Rhode Island</option>
                   <option value="South Carolina">South Carolina</option>                    <option value="South Carolina">South Carolina</option>
                   <option value="South Dakota">South Dakota</option>                    <option value="South Dakota">South Dakota</option>
                   <option value="Tennessee">Tennessee</option>                    <option value="Tennessee">Tennessee</option>
                   <option value="Texas">Texas</option>                    <option value="Texas">Texas</option>
                   <option value="Utah">Utah</option>                    <option value="Utah">Utah</option>
                   <option value="Vermont">Vermont</option>                    <option value="Vermont">Vermont</option>
                   <option value="Virgin Islands">Virgin Islands</option>                    <option value="Virgin Islands">Virgin Islands</option>
                   <option value="Virginia">Virginia</option>                    <option value="Virginia">Virginia</option>
                   <option value="Washington">Washington</option>                    <option value="Washington">Washington</option>
                   <option value="Washington DC">Washington DC</option>                    <option value="Washington DC">Washington DC</option>
                   <option value="West Virginia">West Virginia</option>                    <option value="West Virginia">West Virginia</option>
                   <option value="Wisconsin">Wisconsin</option>                    <option value="Wisconsin">Wisconsin</option>
                   <option value="Wyoming">Wyoming</option>                    <option value="Wyoming">Wyoming</option>
                 </select>                  </select>
               </div>                </div>
               <div class="grid__item medium-up--one-half">                <div class="grid__item medium-up--one-half">
                 <label for="checkout-zip">Zip Code</label>                  <label for="checkout-zip">Zip Code</label>
                 <input type="text" name="checkout-zip" id="checkout-zip" value="{{ customer.default_address.zip }}" placeholder="Please enter" required />                  <input type="text" name="checkout-zip" id="checkout-zip" value="{{ customer.default_address.zip }}" placeholder="Please enter" required />
               </div>                </div>
             </div>              </div>
   
             <label for="checkout-phone">Phone</label>              <label for="checkout-phone">Phone</label>
             <input type="phone" name="checkout-phone" id="checkout-phone" class="last" value="{{ customer.default_address.phone }}" placeholder="Please enter" required />              <input type="phone" name="checkout-phone" id="checkout-phone" class="last" value="{{ customer.default_address.phone }}" placeholder="Please enter" required />
   
           </div>            </div>
         </div>          </div>
   
         <div class="order-summary-wrapper">          <div class="order-summary-wrapper">
           <div class="checkbox-wrap">            <div class="checkbox-wrap">
             <div class="order-summary medium-up--hide small--show">              <div class="order-summary medium-up--hide small--show">
               <div class="summary-inner">                <div class="summary-inner">
                 <div class="summary-header">                  <div class="summary-header">
                   <h3>Your Daily Pack</h3>                    <h3>Your Daily Pack</h3>
                   <span class="cart-plan__description pack-capsule">1 Pack</span>                    <span class="cart-plan__description pack-capsule">1 Pack</span>
                 </div>                  </div>
                 <div class="summary-box">                  <div class="summary-box">
                   <div class="summary-product-list">                    <div class="summary-product-list">
                     <svg width="24" height="16" class="logo-svg right" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg">                      <svg width="24" height="16" class="logo-svg right" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                       <path d="M21.6652 4.47172C22.2719 4.4825 22.8581 4.2526 23.2955 3.83235C23.733 3.41209 23.986 2.83573 23.9992 2.22943C23.9713 1.62881 23.713 1.06203 23.2778 0.646844C22.8427 0.23166 22.2643 0 21.6627 0C21.0611 0 20.4827 0.23166 20.0475 0.646844C19.6124 1.06203 19.3541 1.62881 19.3262 2.22943C19.3394 2.83661 19.5931 3.41375 20.0316 3.83415C20.4702 4.25455 21.0577 4.48385 21.6652 4.47172Z" fill="#021538"/>                        <path d="M21.6652 4.47172C22.2719 4.4825 22.8581 4.2526 23.2955 3.83235C23.733 3.41209 23.986 2.83573 23.9992 2.22943C23.9713 1.62881 23.713 1.06203 23.2778 0.646844C22.8427 0.23166 22.2643 0 21.6627 0C21.0611 0 20.4827 0.23166 20.0475 0.646844C19.6124 1.06203 19.3541 1.62881 19.3262 2.22943C19.3394 2.83661 19.5931 3.41375 20.0316 3.83415C20.4702 4.25455 21.0577 4.48385 21.6652 4.47172Z" fill="#021538"/>
                       <path d="M21.665 15.9999C21.665 10.2534 16.8159 5.59286 10.83 5.59286C4.84407 5.59286 0 10.2534 0 15.9999H5.49296C5.53556 14.6129 6.11679 13.2969 7.1135 12.3308C8.11021 11.3647 9.44408 10.8245 10.8325 10.8245C12.2209 10.8245 13.5548 11.3647 14.5515 12.3308C15.5482 13.2969 16.1294 14.6129 16.172 15.9999H21.665Z" fill="#021538"/>                        <path d="M21.665 15.9999C21.665 10.2534 16.8159 5.59286 10.83 5.59286C4.84407 5.59286 0 10.2534 0 15.9999H5.49296C5.53556 14.6129 6.11679 13.2969 7.1135 12.3308C8.11021 11.3647 9.44408 10.8245 10.8325 10.8245C12.2209 10.8245 13.5548 11.3647 14.5515 12.3308C15.5482 13.2969 16.1294 14.6129 16.172 15.9999H21.665Z" fill="#021538"/>
                     </svg>                      </svg>
                     <h3 class="yourDailyPack" style="font-size:25px">{% if customer %}{{ customer.first_name }}{% else %}Your Pack{% endif %}</h3>                      <h3 class="yourDailyPack" style="font-size:25px">{% if customer %}{{ customer.first_name }}{% else %}Your Pack{% endif %}</h3>
                     <p>A million tiny things that make you, you. One pack to support them all.</p>                      <p>A million tiny things that make you, you. One pack to support them all.</p>
                     <ul class="product-list">                      <ul class="product-list">
                       {% for item in cart.items %}                        {% for item in cart.items %}
                         {%- assign qty = item.quantity -%}                          {%- assign qty = item.quantity -%}
                         <li>                          <li>
                         <span class="span-details">                          <span class="span-details">
                           {{ item.product.title }}{% unless item.has_only_default_variant or item.product.variants.size == 1 %}<span class="span-box variant-box">{{ item.variant.title }}</span>{% endunless %}                            {{ item.product.title }}{% unless item.has_only_default_variant or item.product.variants.size == 1 %}<span class="span-box variant-box">{{ item.variant.title }}</span>{% endunless %}
                           <span class="qty" {% unless qty > 1 %}style="display:none"{% endunless %}> x{{ qty }}</span>                            <span class="qty" {% unless qty > 1 %}style="display:none"{% endunless %}> x{{ qty }}</span>
                         </span>                          </span>
                         <span class="product-list-item-price right">{{ item.original_line_price | money_without_trailing_zeros }}</span></li>                          <span class="product-list-item-price right">{{ item.original_line_price | money_without_trailing_zeros }}</span></li>
                       {% endfor %}                        {% endfor %}
                     </ul>                      </ul>
   
                     <div class="text-right">                      <div class="text-right">
                       <svg width="242" height="32" class="curly-border" viewBox="0 0 242 32" fill="none" xmlns="http://www.w3.org/2000/svg">                        <svg width="242" height="32" class="curly-border" viewBox="0 0 242 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M1 23.7839C1 23.7839 59.5 41.9757 129.25 19.2363C199 -3.50313 241 1.04442 241 1.04442" stroke="#021538"></path>                          <path d="M1 23.7839C1 23.7839 59.5 41.9757 129.25 19.2363C199 -3.50313 241 1.04442 241 1.04442" stroke="#021538"></path>
                       </svg><span class="site-name">nurish.com</span>                        </svg><span class="site-name">nurish.com</span>
                     </div>                      </div>
                                             
                   </div>                    </div>
                 </div>                  </div>
                 <div class="subscription-name h4">Complimentary 1-Month Supply</div>                  <div class="subscription-name h4">Complimentary 1-Month Supply</div>
                 {%- comment -%}                  {%- comment -%}
                 {%- assign shipping_fee = '$8.00' -%}                  {%- assign shipping_fee = '$8.00' -%}
                 {%- if cart.total_price >= 2000 -%}                  {%- if cart.total_price >= 2000 -%}
                   {%- assign shipping_fee = 'Free' -%}                    {%- assign shipping_fee = 'Free' -%}
                 {%- endif -%}                  {%- endif -%}
                 {%- assign cart_total = cart.total_price -%}                  {%- assign cart_total = cart.total_price -%}
                 {%- unless shipping_fee == 'Free' -%}                  {%- unless shipping_fee == 'Free' -%}
                   {%- assign cart_total = cart_total | plus: 800 -%}                    {%- assign cart_total = cart_total | plus: 800 -%}
                 {%- endunless -%}                  {%- endunless -%}
                 {%- endcomment -%}                  {%- endcomment -%}
                 <div class="summary-total">                  <div class="summary-total">
                   <div class="summary-total-line cart-shipping">                    <div class="summary-total-line cart-shipping">
                     <span class="cart-shipping__title text-left">Shipping</span>                      <span class="cart-shipping__title text-left">Shipping</span>
                     <span class="cart-shipping__price text-right">Free</span>                      <span class="cart-shipping__price text-right">Free</span>
                   </div>                    </div>
                   <div class="summary-total-line cart-subtotal">                    <div class="summary-total-line cart-subtotal">
                     <span class="cart-subtotal__title text-left">Total</span>                      <span class="cart-subtotal__title text-left">Total</span>
                     <span class="cart-subtotal__price text-right ">Free</span>                      <span class="cart-subtotal__price text-right ">Free</span>
                   </div>                    </div>
                 </div>                  </div>
               </div>                </div>
             </div>              </div>
   
             <label class="radio-label clearfix" id="marketingBox" style="display:none">              <label class="radio-label clearfix" id="marketingBox" style="display:none">
               <input id="emailSubscribeCheckbox" name="checkout-buyer_accepts_marketing" type="checkbox" checked value="true">                <input id="emailSubscribeCheckbox" name="checkout-buyer_accepts_marketing" type="checkbox" checked value="true">
               Yes, I’d like to receive the nurish newsletter and special product offers.                Yes, I’d like to receive the nurish newsletter and special product offers.
             </label>              </label>
   
             <label class="radio-label clearfix" id="termsBox">              <label class="radio-label clearfix" id="termsBox">
               <input id="termsCheckBox" name="checkout-buyer_accepts_marketing" type="checkbox" checked value="1" required>                <input id="termsCheckBox" name="checkout-buyer_accepts_marketing" type="checkbox" checked value="1" required>
               I accept nurish <a href="/pages/nurish-by-nature-made-terms-of-use">Terms of Use</a> and <a href="/pages/nurish-by-nature-made-terms-of-use">Privacy Policy</a>.                I accept nurish <a href="/pages/nurish-by-nature-made-terms-of-use">Terms of Use</a> and <a href="/pages/nurish-by-nature-made-terms-of-use">Privacy Policy</a>.
             </label>              </label>
           </div>            </div>
   
           <div class="checkout-submit-controls">            <div class="checkout-submit-controls">
             <button type="submit" class="btn btn--alt btn--wide checkout-submit">              <button type="submit" class="btn btn--alt btn--wide checkout-submit">
               <span data-add-to-cart-text>                <span data-add-to-cart-text>
                 Place my order                  Place my order
                 <svg width="41" height="12" viewBox="0 0 43 14" fill="none" xmlns="http://www.w3.org/2000/svg">                  <svg width="41" height="12" viewBox="0 0 43 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path d="M35 13L41 7L35 1" stroke="white" stroke-width="2"></path>                    <path d="M35 13L41 7L35 1" stroke="white" stroke-width="2"></path>
                   <rect x="40" y="8" width="40" height="2" transform="rotate(-180 40 8)" fill="white"></rect>                    <rect x="40" y="8" width="40" height="2" transform="rotate(-180 40 8)" fill="white"></rect>
                 </svg>                  </svg>
               </span>                </span>
               <i class="btn__spinner icon icon--button-spinner"></i>                <i class="btn__spinner icon icon--button-spinner"></i>
             </button>              </button>
             <div class="form-message--error recharge-checkout-error" style="display:none">Oops. Something went wrong. Please try again later or <a href="/pages/contact-us" style="text-decoration:underline">contact us</a></div>              <div class="form-message--error recharge-checkout-error" style="display:none">Oops. Something went wrong. Please try again later or <a href="/pages/contact-us" style="text-decoration:underline">contact us</a></div>
             <div class="form-message--error terms-error-message" style="display:none;">Please accept the Terms of use and Privacy Policy</div>              <div class="form-message--error terms-error-message" style="display:none;">Please accept the Terms of use and Privacy Policy</div>
           </div>            </div>
         </div>          </div>
   
       </div>        </div>
   
       <div class="grid__item medium-up--one-third small--hide" id="stickySidebar" style="height: 92vh;">        <div class="grid__item medium-up--one-third small--hide" id="stickySidebar" style="height: 92vh;">
         <div class="order-summary">          <div class="order-summary">
           <div class="summary-inner">            <div class="summary-inner">
             <div class="summary-header">              <div class="summary-header">
               <h3>Your Daily Pack</h3>                <h3>Your Daily Pack</h3>
               <span class="cart-plan__description pack-capsule">1 Pack</span>                <span class="cart-plan__description pack-capsule">1 Pack</span>
             </div>              </div>
             <div class="summary-box">              <div class="summary-box">
               <div class="summary-product-list">                <div class="summary-product-list">
                 <div class="clearfix">                  <div class="clearfix">
                   <svg width="41" height="28" class="logo-svg right" viewBox="0 0 41 28" fill="none">                    <svg width="41" height="28" class="logo-svg right" viewBox="0 0 41 28" fill="none">
                     <path d="M36.4377 8.15831C37.458 8.17645 38.444 7.7898 39.1797 7.08301C39.9154 6.37622 40.3409 5.40687 40.3631 4.38719C40.3162 3.37706 39.8817 2.42383 39.1499 1.72557C38.4181 1.0273 37.4452 0.637695 36.4335 0.637695C35.4218 0.637695 34.4489 1.0273 33.7171 1.72557C32.9853 2.42383 32.5508 3.37706 32.5039 4.38719C32.5261 5.40836 32.9528 6.37901 33.6904 7.08604C34.4279 7.79307 35.416 8.17872 36.4377 8.15831Z" fill="#021538"/>                      <path d="M36.4377 8.15831C37.458 8.17645 38.444 7.7898 39.1797 7.08301C39.9154 6.37622 40.3409 5.40687 40.3631 4.38719C40.3162 3.37706 39.8817 2.42383 39.1499 1.72557C38.4181 1.0273 37.4452 0.637695 36.4335 0.637695C35.4218 0.637695 34.4489 1.0273 33.7171 1.72557C32.9853 2.42383 32.5508 3.37706 32.5039 4.38719C32.5261 5.40836 32.9528 6.37901 33.6904 7.08604C34.4279 7.79307 35.416 8.17872 36.4377 8.15831Z" fill="#021538"/>
                     <path d="M36.4366 27.5467C36.4366 17.8821 28.2813 10.0439 18.2141 10.0439C8.14684 10.0439 0 17.8821 0 27.5467H9.23816C9.30981 25.2139 10.2873 23.0007 11.9636 21.376C13.6399 19.7512 15.8832 18.8425 18.2183 18.8425C20.5534 18.8425 22.7967 19.7512 24.473 21.376C26.1493 23.0007 27.1268 25.2139 27.1984 27.5467H36.4366Z" fill="#021538"/>                      <path d="M36.4366 27.5467C36.4366 17.8821 28.2813 10.0439 18.2141 10.0439C8.14684 10.0439 0 17.8821 0 27.5467H9.23816C9.30981 25.2139 10.2873 23.0007 11.9636 21.376C13.6399 19.7512 15.8832 18.8425 18.2183 18.8425C20.5534 18.8425 22.7967 19.7512 24.473 21.376C26.1493 23.0007 27.1268 25.2139 27.1984 27.5467H36.4366Z" fill="#021538"/>
                   </svg>                    </svg>
                   <h3 class="yourDailyPack" style="font-size:25px">{% if customer %}{{ customer.first_name }}{% else %}Your Pack{% endif %}</h3>                    <h3 class="yourDailyPack" style="font-size:25px">{% if customer %}{{ customer.first_name }}{% else %}Your Pack{% endif %}</h3>
                 </div>                  </div>
                 <p>A million tiny things that make you, you. One pack to support them all.</p>                  <p>A million tiny things that make you, you. One pack to support them all.</p>
                 <ul class="product-list">                  <ul class="product-list">
                   {% for item in cart.items %}                    {% for item in cart.items %}
                     {%- assign qty = item.quantity -%}                      {%- assign qty = item.quantity -%}
                     <li>                      <li>
                     <span class="span-details">                      <span class="span-details">
                       {{ item.product.title }}{% unless item.has_only_default_variant or item.product.variants.size == 1 %}<span class="span-box variant-box">{{ item.variant.title }}</span>{% endunless %}                        {{ item.product.title }}{% unless item.has_only_default_variant or item.product.variants.size == 1 %}<span class="span-box variant-box">{{ item.variant.title }}</span>{% endunless %}
                       <span class="qty" {% unless qty > 1 %}style="display:none"{% endunless %}> x{{ qty }}</span>                        <span class="qty" {% unless qty > 1 %}style="display:none"{% endunless %}> x{{ qty }}</span>
                     </span>                      </span>
                     <span class="product-list-item-price right">{{ item.original_line_price | money_without_trailing_zeros }}</span></li>                      <span class="product-list-item-price right">{{ item.original_line_price | money_without_trailing_zeros }}</span></li>
                   {% endfor %}                    {% endfor %}
                 </ul>                  </ul>
   
                 <div class="text-right">                  <div class="text-right">
                   <svg width="242" height="32" class="curly-border" viewBox="0 0 242 32" fill="none" xmlns="http://www.w3.org/2000/svg">                    <svg width="242" height="32" class="curly-border" viewBox="0 0 242 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                     <path d="M1 23.7839C1 23.7839 59.5 41.9757 129.25 19.2363C199 -3.50313 241 1.04442 241 1.04442" stroke="#021538"></path>                      <path d="M1 23.7839C1 23.7839 59.5 41.9757 129.25 19.2363C199 -3.50313 241 1.04442 241 1.04442" stroke="#021538"></path>
                   </svg>                    </svg>
                   <span class="site-name">nurish.com</span>                    <span class="site-name">nurish.com</span>
                 </div>                  </div>
               </div>                </div>
             </div>              </div>
             <div class="subscription-name h4">Complimentary 1-Month Supply</div>              <div class="subscription-name h4">Complimentary 1-Month Supply</div>
             {%- comment -%}              {%- comment -%}
             {%- assign shipping_fee = '$8.00' -%}              {%- assign shipping_fee = '$8.00' -%}
             {%- if cart.total_price >= 2000 -%}              {%- if cart.total_price >= 2000 -%}
               {%- assign shipping_fee = 'Free' -%}                {%- assign shipping_fee = 'Free' -%}
             {%- endif -%}              {%- endif -%}
             {%- assign cart_total = cart.total_price -%}              {%- assign cart_total = cart.total_price -%}
             {%- unless shipping_fee == 'Free' -%}              {%- unless shipping_fee == 'Free' -%}
               {%- assign cart_total = cart_total | plus: 800 -%}                {%- assign cart_total = cart_total | plus: 800 -%}
             {%- endunless -%}              {%- endunless -%}
             {%- endcomment -%}              {%- endcomment -%}
             <div class="summary-total">              <div class="summary-total">
               <div class="summary-total-line cart-shipping">                <div class="summary-total-line cart-shipping">
                 <span class="cart-shipping__title text-left">Shipping</span>                  <span class="cart-shipping__title text-left">Shipping</span>
                 <span class="cart-shipping__price text-right"><del>$8.00</del><span style="color:#30AC71"> FREE</span></span>                  <span class="cart-shipping__price text-right"><del>$8.00</del><span style="color:#30AC71"> FREE</span></span>
               </div>                </div>
               <div class="summary-total-line cart-subtotal">                <div class="summary-total-line cart-subtotal">
                 <span class="cart-subtotal__title text-left">Total</span>                  <span class="cart-subtotal__title text-left">Total</span>
                 <span class="cart-subtotal__price text-right" style="color:#30AC71">FREE</span>                  <span class="cart-subtotal__price text-right" style="color:#30AC71">FREE</span>
               </div>                </div>
             </div>              </div>
           </div>            </div>
         </div>          </div>
       </div>        </div>
     </div>      </div>
   </form>    </form>
 {% else %}  {% else %}
   <div class="box-wrap">    <div class="box-wrap">
     <hr class="hr--invisible">      <hr class="hr--invisible">
     <div class="empty-content text-center">      <div class="empty-content text-center">
       <div class="cookie-message">        <div class="cookie-message">
         <p>{{ 'cart.general.cookies_required' | t }}</p>          <p>{{ 'cart.general.cookies_required' | t }}</p>
       </div>        </div>
       <div>        <div>
         <h3 class="cart-header__sub-title text-center title">You don't have any vitamins in your cart</h3>          <h3 class="cart-header__sub-title text-center title">You don't have any vitamins in your cart</h3>
         <p>          <p>
           <a href="/pages/quiz-landing" class="cart__btn-cta btn btn-cta--light hero__btn">            <a href="/pages/quiz-landing" class="cart__btn-cta btn btn-cta--light hero__btn">
             Take Quiz              Take Quiz
           </a>            </a>
         </p>          </p>
         <br>          <br>
         <p><a href="/collections/our-products" class="cart__continue-btn btn--link">Browse Products</a></p>          <p><a href="/collections/our-products" class="cart__continue-btn btn--link">Browse Products</a></p>
       </div>        </div>
     </div>      </div>
     <hr class="hr--invisible">      <hr class="hr--invisible">
   </div>    </div>
 {% endif %}  {% endif %}
   
</div> </div>
   
<script type="application/json" id="cartJSON"> <script type="application/json" id="cartJSON">
{{- cart.items | json -}} {{- cart.items | json -}}
</script> </script>
   
<script type="application/json" id="propsJson"> <script type="application/json" id="propsJson">
 [{%- for item in cart.items -%}  [{%- for item in cart.items -%}
   {%- assign variant_title = item.variant.title -%}    {%- assign variant_title = item.variant.title -%}
   {%- if item.has_only_default_variant or item.product.variants.size == 1 -%}    {%- if item.has_only_default_variant or item.product.variants.size == 1 -%}
     {%- assign variant_title = 'Default Title' -%}      {%- assign variant_title = 'Default Title' -%}
   {%- endif -%}    {%- endif -%}
   {    {
     {%- assign vitamin_index = forloop.index | prepend: '0' -%}      {%- assign vitamin_index = forloop.index | prepend: '0' -%}
     {%- if forloop.index > 10 -%}      {%- if forloop.index > 10 -%}
       {%- assign vitamin_index = forloop.index -%}        {%- assign vitamin_index = forloop.index -%}
     {%- endif -%}      {%- endif -%}
     "name": "Vitamin{{- vitamin_index -}}",      "name": "Vitamin{{- vitamin_index -}}",
     "value": "{{- item.product.title | strip_html -}}",      "value": "{{- item.product.title | strip_html -}}",
     "product_id": {{- item.product.id -}},      "product_id": {{- item.product.id -}},
     "variant_id": {{- item.variant.id -}},      "variant_id": {{- item.variant.id -}},
     "quantity": {{- item.quantity -}},      "quantity": {{- item.quantity -}},
     "dosage": "{{- variant_title -}}"      "dosage": "{{- variant_title -}}"
   }{%- unless forloop.last -%},{%- endunless -%}    }{%- unless forloop.last -%},{%- endunless -%}
 {%- endfor -%}]  {%- endfor -%}]
</script> </script>
   
<script> <script>
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
 var customerNode = JSON.parse(localStorage.getItem('customer'));  var customerNode = JSON.parse(localStorage.getItem('customer'));
 if ( customerNode !== null ) {  if ( customerNode !== null ) {
   var customerEmail = customerNode.Email;    var customerEmail = customerNode.Email;
   var customerName = customerNode.Name;    var customerName = customerNode.Name;
   var customerZip = customerNode.Zip;    var customerZip = customerNode.Zip;
   var fieldElEmail = $('#checkout-email');    var fieldElEmail = $('#checkout-email');
   var fieldElFirstName = $('#checkout-first_name');    var fieldElFirstName = $('#checkout-first_name');
   var fieldElZip = $('#checkout-zip');    var fieldElZip = $('#checkout-zip');
   if ( !fieldElEmail.val() ) {    if ( !fieldElEmail.val() ) {
     fieldElEmail.val(customerEmail);      fieldElEmail.val(customerEmail);
   }    }
   if ( !fieldElFirstName.val() && customerName != '' ) {    if ( !fieldElFirstName.val() && customerName != '' ) {
     fieldElFirstName.val(customerName);      fieldElFirstName.val(customerName);
     var customerNameLength = customerName.length;      var customerNameLength = customerName.length;
     var yourDailyPack = $('.yourDailyPack');      var yourDailyPack = $('.yourDailyPack');
     if ( customerNameLength <= 10 ) {      if ( customerNameLength <= 10 ) {
       yourDailyPack.html(customerName);        yourDailyPack.html(customerName);
     }      }
   }    }
   if ( !fieldElZip.val() && fieldElZip != '' ) {    if ( !fieldElZip.val() && fieldElZip != '' ) {
     fieldElZip.val(customerZip);      fieldElZip.val(customerZip);
   }    }
 }  }
   
 var cartProd = setInterval(function () {  var cartProd = setInterval(function () {
   if (typeof getPack != 'undefined') {    if (typeof getPack != 'undefined') {
     setPackProducts();      setPackProducts();
     clearInterval(cartProd);      clearInterval(cartProd);
   }    }
 }, 10);  }, 10);
   
 function setPackProducts(){  function setPackProducts(){
   var dataCart = $('#cartJSON').html();    var dataCart = $('#cartJSON').html();
   var cartJSON = JSON.parse(dataCart);    var cartJSON = JSON.parse(dataCart);
   var request = [];    var request = [];
   $.each(cartJSON, function (index, value) {    $.each(cartJSON, function (index, value) {
     sku = value.sku;      sku = value.sku;
     qty = value.quantity;      qty = value.quantity;
   
     temp = {};      temp = {};
     temp.bulkID = sku;      temp.bulkID = sku;
     temp.qty = qty;      temp.qty = qty;
   
     request.push(temp);      request.push(temp);
   });    });
   getPack(request)    getPack(request)
 }  }
}); });
   
function checkJquery(){ function checkJquery(){
 if ( window.jQuery){  if ( window.jQuery){
 }  }
 else{  else{
   window.setTimeout("checkJquery();",20);    window.setTimeout("checkJquery();",20);
 }  }
} }
checkJquery(); checkJquery();
function createOrder() { function createOrder() {
 var thisBtn = $('.checkout-submit');  var thisBtn = $('.checkout-submit');
 var form = thisBtn.closest('form');  var form = thisBtn.closest('form');
 var errorMsg = form.find('.recharge-checkout-error');  var errorMsg = form.find('.recharge-checkout-error');
 var utmCookie = (document.cookie.match('(^|; )_shopify_sa_p=([^;]*)')||0)[2];  var utmCookie = (document.cookie.match('(^|; )_shopify_sa_p=([^;]*)')||0)[2];
 console.log('utmCookie', utmCookie);  console.log('utmCookie', utmCookie);
 console.log('pack', cartPackCount);  console.log('pack', cartPackCount);
 var propsArr = [];  var propsArr = [];
 var dataProps = $('#propsJson').html();  var dataProps = $('#propsJson').html();
 var props = JSON.parse(dataProps);  var props = JSON.parse(dataProps);
   
 var xTerm = $('#termsCheckBox').prop('checked');  var xTerm = $('#termsCheckBox').prop('checked');
 if (xTerm == false) {  if (xTerm == false) {
   //alert('Please accept Terms of Use and Privacy Policy');    //alert('Please accept Terms of Use and Privacy Policy');
   $('.terms-error-message').show();    $('.terms-error-message').show();
   setTimeout(function() {    setTimeout(function() {
       $('.terms-error-message').hide();        $('.terms-error-message').hide();
   }, 3000);    }, 3000);
 } else {  } else {
   
   thisBtn.addClass('btn--loading');    thisBtn.addClass('btn--loading');
   if ( utmCookie != '' && utmCookie.indexOf('utm') !== -1 ) {    if ( utmCookie != '' && utmCookie.indexOf('utm') !== -1 ) {
     var utmProp = { "utm": utmCookie }      var utmProp = { "utm": utmCookie }
     props.push(utmProp);      props.push(utmProp);
   }    }
   
     /*  New changes */  
     var cookieParter = $.cookie('source');  
     if ( cookieParter !== undefined ) {  
       props.push({ "source": cookieParter });  
     }  
     var cookieCampaign = $.cookie('campaign');  
     if ( cookieCampaign !== undefined ) {  
       props.push({ "campaign": cookieCampaign });  
     }  
     var cookieMedium = $.cookie('medium');  
     if ( cookieMedium !== undefined ) {  
       props.push({ "medium": cookieMedium });  
     }  
     var cookieContent = $.cookie('content');  
     if ( cookieContent !== undefined ) {  
       props.push({ "content": cookieContent });  
     }  
     var cookieTerm = $.cookie('term');  
     if ( cookieTerm !== undefined ) {  
       props.push({ "term": cookieTerm });  
     }  
     var cookieQuizId = $.cookie('quiz_id');  
     if ( cookieQuizId !== undefined ) {  
       props.push({ "quiz_id": cookieQuizId });  
     }  
   
   
   console.log('props', props);    console.log('props', props);
   var email = $('#checkout-email').val().trim();    var email = $('#checkout-email').val().trim();
   var firstName = $('#checkout-first_name').val().trim();    var firstName = $('#checkout-first_name').val().trim();
   var lastName = $('#checkout-last_name').val().trim();    var lastName = $('#checkout-last_name').val().trim();
   var address1 = $('#checkout-address-1').val().trim();    var address1 = $('#checkout-address-1').val().trim();
   var address2 = $('#checkout-address-2').val().trim();    var address2 = $('#checkout-address-2').val().trim();
   var city = $('#checkout-city').val().trim();    var city = $('#checkout-city').val().trim();
   var state = $('#checkout-state').val().trim();    var state = $('#checkout-state').val().trim();
   var country = $('#checkout-country').val().trim();    var country = $('#checkout-country').val().trim();
   var zip = $('#checkout-zip').val().trim();    var zip = $('#checkout-zip').val().trim();
   var phone = $('#checkout-phone').val().trim();    var phone = $('#checkout-phone').val().trim();
   var emailSubscribe = 'false';    var emailSubscribe = 'false';
   if ( $('#emailSubscribeCheckbox').is(':checked') ) {    if ( $('#emailSubscribeCheckbox').is(':checked') ) {
     emailSubscribe = $('#emailSubscribeCheckbox').val();      emailSubscribe = $('#emailSubscribeCheckbox').val();
   }    }
   var jsonData = {    var jsonData = {
     "order":{      "order":{
       "email": email,        "email": email,
       "newsletter": emailSubscribe,        "newsletter": emailSubscribe,
       "line_items": props,        "line_items": props,
       "shipping_address": {        "shipping_address": {
         first_name: firstName,          first_name: firstName,
         last_name: lastName,          last_name: lastName,
         address1: address1,          address1: address1,
         address2: address2,          address2: address2,
         city: city,          city: city,
         state: state,          state: state,
         country: country,          country: country,
         zip: zip,          zip: zip,
         phone: phone          phone: phone
       },        },
       "quantity": "1",        "quantity": "1",
       "product_id": 4359186350162,        "product_id": 4359186350162,
       "variant_id": 31228232728658,        "variant_id": 31228232728658,
       "Pack": cartPackCount        "Pack": cartPackCount
     }      }
   }    }
   console.log('jsonData', jsonData);    console.log('jsonData', jsonData);
   
   $.ajax({    $.ajax({
     url: '//topaz.pharmavite.net/quiz/createOrder',      url: '//topaz.pharmavite.net/quiz/createOrder',
     type: 'post',      type: 'post',
     crossDomain: true,      crossDomain: true,
     dataType: 'jsonp',      dataType: 'jsonp',
     data: {"data":JSON.stringify(jsonData)}      data: {"data":JSON.stringify(jsonData)}
   }).done(function(response) {    }).done(function(response) {
     console.log(response);      console.log(response);
     var status = response.status;      var status = response.status;
     switch (status) {      switch (status) {
       case "success":        case "success":
         var msg = response.successMessage;          var msg = response.successMessage;
         //$.fancybox.open('<div class="text-center recharge-modal"><div class="box-title"><div class="h1 title">'+ msg.message +'</div></div></div>');          //$.fancybox.open('<div class="text-center recharge-modal"><div class="box-title"><div class="h1 title">'+ msg.message +'</div></div></div>');
         $.cookie('custom_checkout_data', JSON.stringify(jsonData), {          $.cookie('custom_checkout_data', JSON.stringify(jsonData), {
             expires: 30,              expires: 30,
             path: '/'              path: '/'
         });          });
   
     /* for quiz VIP*/      /* for quiz VIP*/
         $.ajax({          $.ajax({
           type: "POST",            type: "POST",
           url: '/cart/clear.js',            url: '/cart/clear.js',
           success: function(){            success: function(){
             window.localStorage.removeItem('quizSource');              window.localStorage.removeItem('quizSource');
             window.location.href = '/pages/vip-thank-you';              window.location.href = '/pages/vip-thank-you';
           },            },
           dataType: 'json'            dataType: 'json'
         });          });
         /* for quiz VIP*/          /* for quiz VIP*/
         break;          break;
       case "Failed":        case "Failed":
         thisBtn.removeClass('btn--loading').blur();          thisBtn.removeClass('btn--loading').blur();
         var msg = response.errorMessage;          var msg = response.errorMessage;
         $.fancybox.open('<div class="text-center recharge-modal"><div class="box-title"><div class="h1 title">Oops. Something went wrong.</div></div><div class="box-content"><p>'+ msg +'</p></div></div>');          $.fancybox.open('<div class="text-center recharge-modal"><div class="box-title"><div class="h1 title">Oops. Something went wrong.</div></div><div class="box-content"><p>'+ msg +'</p></div></div>');
         break;          break;
       default:        default:
         errorMsg.show();          errorMsg.show();
     }      }
   }).fail(function(response) {    }).fail(function(response) {
     thisBtn.removeClass('btn--loading').blur();      thisBtn.removeClass('btn--loading').blur();
     console.error(response);      console.error(response);
     errorMsg.show();      errorMsg.show();
   }).always(function() {    }).always(function() {
     setTimeout(function() {      setTimeout(function() {
       errorMsg.hide();        errorMsg.hide();
     }, 5000);      }, 5000);
   });    });
 }  }
   
 return false;  return false;
} }
</script> </script>