Auftragsbestätigung

{% capture email_title %} Vielen Dank für die Bestätigung Ihrer Bestellung! {% endcapture %}
{% capture email_body %}
{% if requires_shipping %}
Ihre Bestellung wurde bearbeitet und wird im August 2018 versendet.
{% endif %}
{% endcapture %}

<!DOCTYPE html>
<html lang="de">
<Kopf>
<Titel> {{ email_title }} </Titel>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8">
<meta name="viewport" content="width=Gerätebreite">
<link rel="stylesheet" type="text/css" href="/de/assets/notifications/styles.css">
<Stil>
.button__cell { Hintergrund: {{ shop.email_accent_color }} ; }
a, a:hover, a:aktiv, a:besucht { Farbe: {{ shop.email_accent_color }} ; }
</Stil>
</Kopf>

<Text>
<Tabellenklasse="body">
<tr>
<td>
<table class="Kopfzeile">
<tr>
<td Klasse="header__cell">
<Mitte>

<Tabellenklasse="Container">
<tr>
<td>

<Tabellenklasse="Zeile">
<tr>
<td class="shop-name__cell">
{%- if shop.email_logo_url %}
<img src=" {{shop.email_logo_url}} " alt=" {{ shop.name }} " width=" {{ shop.email_logo_width }} ">
{%- else %}
<h1 Klasse="Shopname__Text">
{{shop.url}} {{ shop.name }} </a>
</h1>
{%- endif %}
</td>

<td class="Bestellnummer__Zelle">
<span class="Bestellnummer__text">
Bestellung {{ order_name }}
</span>
</td>
</tr>
</Tabelle>

</td>
</tr>
</Tabelle>

</center>
</td>
</tr>
</Tabelle>

<table class="Zeileninhalt">
<tr>
<td Klasse="Inhalt__Zelle">
<Mitte>
<Tabellenklasse="Container">
<tr>
<td>

<h2> {{ email_title }} </h2>
<p> {{ email_body }} </p>
{% if order_status_url %}
<table class="Zeilenaktionen">
<tr>
<td class="actions__cell">
<table Klasse="Schaltfläche Hauptaktionszelle">
<tr>
<td class="button__cell"> {{ order_status_url }} Ihre Bestellung ansehen</a></td>
</tr>
</Tabelle>
{% if shop.url %}
<table Klasse="Link Sekundäraktionszelle">
<tr>
<td class="link__cell">oder {{ shop.url }} Besuchen Sie unseren Shop</a></td>
</tr>
</Tabelle>
{% endif %}

</td>
</tr>
</Tabelle>

{% else %}
{% if shop.url %}
<table class="Zeilenaktionen">
<tr>
<td class="actions__cell">
<table Klasse="Schaltfläche Hauptaktionszelle">
<tr>
<td class="button__cell"> {{ shop.url }} Besuchen Sie unseren Shop</a></td>
</tr>
</Tabelle>
</td>
</tr>
</Tabelle>
{% endif %}

{% endif %}

</td>
</tr>
</Tabelle>
</center>
</td>
</tr>
</Tabelle>

<table class="Zeilenabschnitt">
<tr>
<td Klasse="Abschnitt__Zelle">
<Mitte>
<Tabellenklasse="Container">
<tr>
<td>
<h3>Bestellübersicht</h3>
</td>
</tr>
</Tabelle>
<Tabellenklasse="Container">
<tr>
<td>

<Tabellenklasse="Zeile">
{% for line in subtotal_line_items %}
<tr class="Bestellliste__Artikel">
<td Klasse="Bestellliste__Artikel__Zelle">
<Tabelle>
<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="Bestellliste__Produktbeschreibungszelle">
{% 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 }} von {{ 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><br/>
{% endif %}

{% if line.refunded_quantity > 0 %}
<span class="order-list__item-refunded">Zurückerstattet</span>
{% endif %}
</td>
<td Klasse="Bestellliste__Preiszelle">
{% if line.original_line_price != line.line_price %}
<del class="order-list__item-original-price"> {{ line.original_line_price | money }} </del>
{% endif %}
<p class="order-list__item-price"> {{ line.line_price | money }} </p>
</td>
</Tabelle>
</td>
</tr> {% endfor %}
</Tabelle>

<table class="Zeile Zwischensumme-Zeilen">
<tr>
<td class="Zwischensumme-Spacer"></td>
<td>
<table class="Zeile Zwischensumme-Tabelle">
{% if discounts %}
{% capture discount_title %}
{% if discounts.first.code %}
Rabatt ( {{ discounts.first.code }} )
{% else %}
Rabatt
{% endif %}
{% endcapture %}

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span> {{ discount_title }} </span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ discounts_savings | money }} </strong>
</td>
</tr>

{% endif %}

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span>Zwischensumme</span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ subtotal_price | money }} </strong>
</td>
</tr>

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span>Versand</span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ shipping_price | money }} </strong>
</td>
</tr>

{% for line in tax_lines %}

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span> {{ line.title }} </span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ line.price | money }} </strong>
</td>
</tr>

{% endfor %}

{% if total_tip and total_tip > 0 %}

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span>Tipp</span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ total_tip | money }} </strong>
</td>
</tr>

{% endif %}
</Tabelle>
<table class="Zeile Zwischensumme-Tabelle Zwischensumme-Tabelle--Gesamt">

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span>Gesamt</span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ total_price | money_with_currency }} </strong>
</td>
</tr>

</Tabelle>

{% assign transaction_size = 0 %}
{% assign transaction_amount = 0 %}
{% for transaction in transactions %}
{% unless transaction.kind == "capture" or transaction.kind == "void" %}
{% assign transaction_size = transaction_size | plus: 1 %}
{% assign transaction_amount = transaction_amount | plus: transaction.amount %}
{% endunless %}
{% endfor %}

{% if transaction_size > 1 or transaction_amount < total_price %}
<table class="Zeile Zwischensumme-Tabelle">
<tr><td colspan="2" class="subtotal-table__line"></td></tr>
<tr><td colspan="2" class="subtotal-table__small-space"></td></tr>

{% for transaction in transactions %}
{% if transaction.status == "success" and transaction.kind == "authorization" or transaction.kind == "sale" %}
{% if transaction.payment_details.credit_card_company %}
{% capture transaction_name %} {{ transaction.payment_details.credit_card_company }} (endet mit {{ transaction.payment_details.credit_card_last_four_digits }} ) {% endcapture %}
{% else %}
{% capture transaction_name %} {{ transaction.gateway | replace: "_", " " | capitalize }} {% endcapture %}
{% endif %}

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span> {{transaction_name}} </span>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong> {{ transaction.amount | money }} </strong>
</td>
</tr>

{% endif %}
{% if transaction.kind == 'refund' %}
{% if transaction.payment_details.credit_card_company %}
{% assign refund_method_title = transaction.payment_details.credit_card_company %}
{% else %}
{% assign refund_method_title = transaction.gateway %}
{% endif %}

<tr class="Zwischensummenzeile">
<td class="Zwischensummenzeile__Titel">
<p>
<span>Rückerstattung</span>
<br>
<small> {{ refund_method_title | capitalize }} </small>
</p>
</td>
<td Klasse="Zwischensummenzeilenwert">
<strong>- {{ transaction.amount | money }} </strong>
</td>
</tr>

{% endif %}
{% endfor %}
</Tabelle>
{% endif %}
</td>
</tr>
</Tabelle>

</td>
</tr>
</Tabelle>
</center>
</td>
</tr>
</Tabelle>

<table class="Zeilenabschnitt">
<tr>
<td Klasse="Abschnitt__Zelle">
<Mitte>
<Tabellenklasse="Container">
<tr>
<td>
<h3>Kundeninformationen</h3>
</td>
</tr>
</Tabelle>
<Tabellenklasse="Container">
<tr>
<td>

<Tabellenklasse="Zeile">
<tr>
{% if requires_shipping and shipping_address %}
<td class="Kundeninfo__Artikel">
<h4>Lieferadresse</h4>
{{ shipping_address | format_address }}
</td>
{% endif %}
{% if billing_address %}
<td class="Kundeninfo__Artikel">
<h4>Rechnungsadresse</h4>
{{ billing_address | format_address }}
</td>
{% endif %}
</tr>
</Tabelle>
<Tabellenklasse="Zeile">
<tr>
{% if requires_shipping and shipping_address %}
<td class="Kundeninfo__Artikel">
<h4>Versandart</h4>
<p> {{ shipping_method.title }} </p>
</td>
{% endif %}
{% assign transaction_count = transactions | size %}
{% if transaction_count > 0 %}
<td class="Kundeninfo__Artikel">
<h4>Zahlungsmethode</h4>
{% for transaction in transactions %}
{% if transaction.status == "success" or transaction.status == "pending" %}
{% if transaction.kind == "authorization" or transaction.kind == "sale" %}
<p class="Kundeninfo__Artikelinhalt">
{% if transaction.payment_details.credit_card_company %}
{% capture credit_card_url %} Benachrichtigungen/ {{ transaction.payment_details.credit_card_company | downcase | replace: " ", "_" }} .png {% endcapture %}
<img src=" {{ credit_card_url | shopify_asset_url }} " class="customer-info__item-credit" height="24">
<span>Zahlungsmethode — <strong> {{ total_price | money }} </strong></span>
<span>Zahlungsmethode — <strong> {{ total_price | money }} </strong></span>
{% else %}
{{ transaction.gateway | replace: "_", " " | capitalize }} — <strong> {{ transaction.amount | money }} </strong>
{% endif %}
</p>
{% endif %}
{% endif %}
{% endfor %}
</td>
{% endif %}
</tr>
</Tabelle>

</td>
</tr>
</Tabelle>
</center>
</td>
</tr>
</Tabelle>

<table class="Zeilenfußzeile">
<tr>
<td Klasse="footer__cell">
<Mitte>
<Tabellenklasse="Container">
<tr>
<td>

<p class="disclaimer__subtext">Wenn Sie Fragen haben, antworten Sie auf diese E-Mail oder kontaktieren Sie uns unter {{ shop.email }} {{ shop.email }} </a></p>
</td>
</tr>
</Tabelle>
</center>
</td>
</tr>
</Tabelle>

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

</td>
</tr>
</Tabelle>
</body>
</html>