Untitled

{% capture email_title %} Your Wild Nutrition basket is waiting for you. {% endcapture %}
{% capture email_body %}
{% if billing_address.first_name %}Hello {{ billing_address.first_name }},<br><br> w{% else %}
W{% endif %}e noticed that you left some items in your shopping basket recently and we wanted to make sure everything worked ok for you? We've recently made some changes to our website so do let us know if you had any difficulty in completing your order.
<br></br>
<br></br>
Our in-house team of Nutritional Therapists are always here for any questions you might have. If you're not sure which products are right for you, take advantage of a free 10-minute telephone consultation between 12-4pm Monday-Friday, we'd be delighted to hear from you.
<br></br>
<br></br>
Alternatively, if you'd simply popped off to make a cup of tea and forgot to complete your order, then simply click the link below to continue what you’d started.
<br></br>
<br></br>
Wishing you excellent health,
<br></br>
<br></br>
The Wild Team
{% endcapture %}

<!DOCTYPE html>
<html lang="en">
  <head>
  <title>{{ email_title }}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
  <link rel="stylesheet" type="text/css" href="https://cdn.shopify.com/s/files/1/2352/0201/t/9/assets/notificationfont.css">
  <style>
    .button__cell {
background-color: #000000;
border-radius: 3px!important;
font-size: 14px!important;
max-height: 44px!important;

 a, a:hover, a:active, a:visited {
color: #000000;
}

}

.button__text {
padding: 12.5px!important;
}


@media (min-width:600px)  {
.button main-action-cell {
min-width: 100%;
}
 }
@media (min-width:801px)  {
.button main-action-cell {
min-width: 100%;
}
 }
@media (min-width:1025px) {
.button main-action-cell {
min-width: 100%;
}
}
@media (min-width:1281px) {
.button main-action-cell {
min-width: 100%;
}
}

#order-list__product-description-cell {
font-size: 14px!important;
}

  </style>
</head>

  <body>
    <table class="body">
      <tr>
        <td>
          <table class="header row">
  <tr>
    <td class="header__cell">
      <center>

        <table class="container">
          <tr>
            <td>

              <table class="row">
                <tr>
                  <td class="shop-name__cell">
 <img style="max-width: 100%;" src="https://cdn.shopify.com/s/files/1/2352/0201/files/wn_email_logo.jpg">
                    {%- if shop.email_logo_url %}
                     <img style="max-width: 100%;" src="https://cdn.shopify.com/s/files/1/2352/0201/files/KettleStory.gif">
                    {%- else %}
                      <h1 class="shop-name__text">
                        <a href="{{shop.url}}">{{ shop.name }}</a>
                      </h1>
                    {%- endif %}
                  </td>

                </tr>
              </table>

            </td>
          </tr>
        </table>

      </center>
    </td>
  </tr>
</table>

          <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <br>
            <h2 style="font-size: 18px!important;">{{ email_title }}</h2>
<br>

            {% if custom_message != blank %}

              <p style="font-size: 14px!important;">{{ custom_message }}</p>
            {% else %}

              <p style="font-size: 14px!important;">{{ email_body }}</p>
<br>


            {% endif %}


            <table class="row actions">
 <table style="style="min-width: 100%" class="button main-action-cell">
        <tr>
          <td class="button__cell"><a style="font-size: 14px!important;" href="{{ url }}" class="button__text">COMPLETE YOUR PURCHASE</a></td>
        </tr>
      </table>
  <tr>
    <td class="actions__cell">
      {% if shop.url %}
    <table class="link secondary-action-cell">
      <tr>
        <td class="link__cell"><a style="font-size: 14px;important; color: #f6007d!important;" href="{{ shop.url }}" class="link__text"><span class='or'>or</span> Visit our store</a></td>
      </tr>
    </table>
{% endif %}

    </td>
  </tr>
</table>


            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

          <table class="row section">
  <tr>
    <td class="section__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <h3 style="font-size: 18px!important;">Items in your cart</h3>
            </td>
          </tr>
        </table>
        <table class="container">
          <tr>
            <td>


<table class="row">
  {% for line in line_items %}
  <tr class="order-list__item">
    <td class="order-list__item__cell">
      <table>
        <td>
          {% if line.image %}
            <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
          {% endif %}
        </td>
        <td class="order-list__product-description-cell">
          {% if line.product.title %}
            {% assign line_title = line.product.title %}
          {% else %}
            {% assign line_title = line.title %}
          {% endif %}

          {% if line.quantity < line.quantity %}
            {% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
          {% else %}
            {% assign line_display = line.quantity  %}
          {% endif %}

          <span class="order-list__item-title">{{ line_title }} × {{ line_display }}</span><br/>

          {% if line.variant.title != 'Default Title' %}
            <span class="order-list__item-variant">{{ line.variant.title }}</span>
          {% endif %}
        </td>
      </table>
    </td>
  </tr>{% endfor %}
</table>


            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

          <table class="row footer">
  <tr>
    <td class="footer__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              <p style="font-size:14px!important;" class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a style="font-size: 14px!important; color: #f6007d!important;" href="mailto:{{ shop.email }}">{{ shop.email }}</a></p>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

        </td>
      </tr>
    </table>
  </body>
</html>