theme: Base Theme
title: Abandoned Cart
template_subject: You have abandoned your cart
template_areas:
  header: <h1>Dear {{ customer_name }}!</h1>
  content: |
    We noticed that for some unknown reason you had abandoned your cart at <a href="{{ store.store_url }}">{{ store.store_name }}</a> with the following item(s) in it:

    <table width="0" border="0" cellspacing="5" cellpadding="10">
    {% for item in this.all_visible_items %}
    <tr>
    <td><img src="{{ item.image | resize: 'image', 300}}" style="max-width: 15rem"/></td>
    <td valign="top">
      <p><a href="{{ item.product.product_url }}">{{ item.name }}</a></p>
      <b>{{ item.price | format_price }}</b>
    </td>
    </tr>
    {% endfor %}
    </table>
    <table class="button" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>
          <table class="inner-wrapper" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
              <td align="center">
                <a href="{{ url.restore_cart_url }}">Finish Checkout</a>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  footer: |
    {% if coupon.code %}
      <div class="offer">
        We highly appreciate each and every our visitor, and it's extremely frustrating for us to lose you as a customer. <br>
        Let us offer you a <b>discount</b> to complete your purchase.<br>
        Your coupon code: <span class="coupon">{{ coupon.code }}</span>
      </div>
    {% endif %}

    <p>If you have any questions about our products or services, please <a href="{{ store.store_url }}/contact/">contact with us.</a></p>