# Email Templates
Um die Konfiguration auch in der Email anzeigen zu lassen, müssen Sie untenstehenden Code (HTML TEXT) im Email-Template "Bestellbestätigung unter Mail Text > HTML Text hinzufügen
Laden Sie folgendes Email Template herunter , entpacken Sie die Zip Datei.\
Mit dem Code unter Mailtext > HTML Text ersetzen (Vorher Sicherung durchführen des vorhandenen Codes)\
\
Die Zip Datei enthält zwei Dateien:\
\
**bestellbestatigung.twig:**\
\
Hier ist der komplette Code des "bestellbestätigung" Email Templates
{% hint style="warning" %}
Vorher den vorhandenen Code sichern!!
{% endhint %}
<div style="font-family:arial; font-size:12px;">
{% set currencyIsoCode = order.currency.isoCode %}
Hallo {% if order.orderCustomer.salutation %}{{ order.orderCustomer.salutation.translated.letterName ~ ' ' }}{% endif %}{{ order.orderCustomer.firstName }} {{ order.orderCustomer.lastName }},<br>
<br>
Ihre Bestellung ist am {{ order.orderDateTime|format_datetime('medium', 'short', locale='de-DE') }} bei uns eingegangen.<br>
<br>
Bestellnummer: {{ order.orderNumber }}<br>
<br>
Sobald ein Zahlungseingang erfolgt ist, erhalten Sie eine separate Benachrichtigung und Ihre Bestellung wird verarbeitet.<br>
<br>
Den aktuellen Status Ihrer Bestellung können Sie jederzeit über diesen Link abrufen: {{ rawUrl('frontend.account.order.single.page', { 'deepLinkCode': order.deepLinkCode }, salesChannel.domains|first.url) }}<br>
Über diesen Link können Sie auch die Bestellung bearbeiten, die Zahlungsart wechseln oder nachträglich eine Zahlung durchführen.<br>
<br>
<strong>Informationen zu Ihrer Bestellung:</strong><br>
<br>
<table border="0" style="font-family:Arial, Helvetica, sans-serif; font-size:12px;">
<tr>
<td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Produkt-Nr.</strong></td>
<td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Produktbild</strong></td>
<td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Bezeichnung</strong></td>
<td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Menge</strong></td>
<td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Preis</strong></td>
<td bgcolor="#F7F7F2" style="border-bottom:1px solid #cccccc;"><strong>Summe</strong></td>
</tr>
{% for lineItem in order.nestedLineItems %}
{% set nestingLevel = 0 %}
{% set nestedItem = lineItem %}
{% block lineItem %}
<tr>
<td>{% if nestedItem.payload.productNumber is defined %}{{ nestedItem.payload.productNumber|u.wordwrap(80) }}{% endif %}</td>
<td>{% if nestedItem.cover is defined and nestedItem.cover is not null %}<img src="{{ nestedItem.cover.url }}" width="75" height="auto"/>{% endif %}</td>
<td>
{% if nestingLevel > 0 %}
{% for i in 1..nestingLevel %}
<span style="position: relative;">
<span style="display: inline-block;
position: absolute;
width: 6px;
height: 20px;
top: 0;
border-left: 2px solid rgba(0, 0, 0, 0.15);
margin-left: {{ i * 10 }}px;"></span>
</span>
{% endfor %}
{% endif %}
<div{% if nestingLevel > 0 %} style="padding-left: {{ (nestingLevel + 1) * 10 }}px"{% endif %}>
{{ nestedItem.label|u.wordwrap(80) }}
</div>
{% if nestedItem.payload.options is defined and nestedItem.payload.options|length >= 1 %}
<div>
{% for option in nestedItem.payload.options %}
{{ option.group }}: {{ option.option }}
{% if nestedItem.payload.options|last != option %}
{{ " | " }}
{% endif %}
{% endfor %}
</div>
{% endif %}
{# AREA CALCULATOR START #}
{% if nestedItem.payload.pixelAreaHash is defined %}
{% if nestedItem.payload.pixelAreaHash %}
<br>
{% if nestedItem.payload.pixAreaOptionsData is defined %}
{% if nestedItem.payload.pixAreaOptionsData %}
<ul class="pixelmulti-checkout-itemlist">
{% set pixelOrderItem = nestedItem.payload.pixAreaOptionsData %}
{% if nestedItem.payload.pixAreaOptionsData.calc is defined and nestedItem.payload.pixAreaOptionsData.calc|length >= 1 %}
{% if nestedItem.payload.pixAreaOptionsData.calc %}
{% for item in pixelOrderItem.calc %}
{% if item.CALCULATED is defined %}
{% if item.SHOWTOTALQM %}
<li class="pixelmulti-checkout-item-total"><b>Gesamt (m²):</b> {{ item.optionvalue }} {{ item.suffix }}</li>
{% endif %}
{% if item.SHOWTOTALPRICE %}
{% if item.price %}<li class="pixelmulti-checkout-item-totalprice"><b>Gesamtpreis (m²) :</b> {{ item.price|currency(currencyIsoCode) }}</li>
{% endif %}
{% endif %}
{% if item.SHOWTOTALWEIGHT %}
{% if item.weight %}
<li class="pixelmulti-checkout-item-totalweight"><b>Gewicht:</b> {{ item.weight }}kg</li>
{% endif %}
{% endif %}
{% else %}
<li class="pixelmulti-checkout-item-{{ item.calcfield }}"><b>{{ item.optionlabel }}:</b> {{ item.optionvalue }} {{ item.suffix }}</li>
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
{% if nestedItem.payload.pixAreaOptionsData.options is defined %}
{% if nestedItem.payload.pixAreaOptionsData.options %}
{% for item in pixelOrderItem.options|sort %}
<li class="pixelmulti-checkout-item-option"><b>{{ item.optionlabel }}:</b> {{ item.optionvalue }}{% if item.field == 'numberfield' %} {{ item.numericprefix }} , {% endif %} {% if item.itemspriceactive is defined %} {% if item.itemspriceactive %}{% if item.priceactive %}{% if item.price %}<span class="pixel-multi-checkout-item-price">{{ item.price|currency(currencyIsoCode) }}</span> {% endif %}{% endif %}{% endif %}{% endif %}</li>
{% if item.uploadfile %}
<li><a href="{{ item.uploadfile }}" target="_blank" />Upload, {{ item.uploadfiletype }}</a></li>
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
</ul>
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{# AREA CALCULATOR END #}
{% if nestedItem.payload.features is defined and nestedItem.payload.features|length >= 1 %}
{% set referencePriceFeatures = nestedItem.payload.features|filter(feature => feature.type == 'referencePrice') %}
{% if referencePriceFeatures|length >= 1 %}
{% set referencePriceFeature = referencePriceFeatures|first %}
<div>
{{ referencePriceFeature.value.purchaseUnit }} {{ referencePriceFeature.value.unitName }}
({{ referencePriceFeature.value.price|currency(currencyIsoCode) }}* / {{ referencePriceFeature.value.referenceUnit }} {{ referencePriceFeature.value.unitName }})
</div>
{% endif %}
{% endif %}
</td>
<td style="text-align: center">{{ nestedItem.quantity }}</td>
<td>{{ nestedItem.unitPrice|currency(currencyIsoCode) }}</td>
<td>{{ nestedItem.totalPrice|currency(currencyIsoCode) }}</td>
</tr>
{% if nestedItem.children.count > 0 %}
{% set nestingLevel = nestingLevel + 1 %}
{% for lineItem in nestedItem.children %}
{% set nestedItem = lineItem %}
{{ block('lineItem') }}
{% endfor %}
{% endif %}
{% endblock %}
{% endfor %}
</table>
{% set delivery = order.deliveries.first %}
{% set displayRounded = order.totalRounding.interval != 0.01 or order.totalRounding.decimals != order.itemRounding.decimals %}
{% set decimals = order.totalRounding.decimals %}
{% set total = order.price.totalPrice %}
{% if displayRounded %}
{% set total = order.price.rawTotal %}
{% set decimals = order.itemRounding.decimals %}
{% endif %}
<p>
<br>
<br>
{% for shippingCost in order.deliveries %}
Versandkosten: {{ shippingCost.shippingCosts.totalPrice|currency(currencyIsoCode) }}<br>
{% endfor %}
Gesamtkosten Netto: {{ order.amountNet|currency(currencyIsoCode) }}<br>
{% for calculatedTax in order.price.calculatedTaxes %}
{% if order.taxStatus is same as('net') %}zzgl.{% else %}inkl.{% endif %} {{ calculatedTax.taxRate }}% MwSt. {{ calculatedTax.tax|currency(currencyIsoCode) }}<br>
{% endfor %}
{% if not displayRounded %}<strong>{% endif %}Gesamtkosten Brutto: {{ total|currency(currencyIsoCode,decimals=decimals) }}{% if not displayRounded %}</strong>{% endif %}<br>
{% if displayRounded %}
<strong>Gesamtkosten Brutto gerundet: {{ order.price.totalPrice|currency(currencyIsoCode,decimals=order.totalRounding.decimals) }}</strong><br>
{% endif %}
<br>
{% if delivery %}
<strong>Gewählte Versandart:</strong> {{ delivery.shippingMethod.translated.name }}<br>
{{ delivery.shippingMethod.translated.description }}<br>
<br>
{% endif %}
{% set billingAddress = order.addresses.get(order.billingAddressId) %}
<strong>Rechnungsadresse:</strong><br>
{{ billingAddress.company }}<br>
{{ billingAddress.firstName }} {{ billingAddress.lastName }}<br>
{{ billingAddress.street }} <br>
{{ billingAddress.zipcode }} {{ billingAddress.city }}<br>
{{ billingAddress.country.translated.name }}<br>
<br>
{% if delivery %}
<strong>Lieferadresse:</strong><br>
{{ delivery.shippingOrderAddress.company }}<br>
{{ delivery.shippingOrderAddress.firstName }} {{ delivery.shippingOrderAddress.lastName }}<br>
{{ delivery.shippingOrderAddress.street }} <br>
{{ delivery.shippingOrderAddress.zipcode}} {{ delivery.shippingOrderAddress.city }}<br>
{{ delivery.shippingOrderAddress.country.translated.name }}<br>
<br>
{% endif %}
{% if order.orderCustomer.vatIds %}
Ihre Umsatzsteuer-ID: {{ order.orderCustomer.vatIds|first }}
Bei erfolgreicher Prüfung und sofern Sie aus dem EU-Ausland
bestellen, erhalten Sie Ihre Ware umsatzsteuerbefreit. <br>
{% endif %}
<br/>
Den aktuellen Status Ihrer Bestellung können Sie auch jederzeit auf unserer Webseite im Bereich "Mein Konto" - "Meine Bestellungen" abrufen: {{ rawUrl('frontend.account.order.single.page', { 'deepLinkCode': order.deepLinkCode }, salesChannel.domains|first.url) }}
</br>
Für Rückfragen stehen wir Ihnen jederzeit gerne zur Verfügung.
</p>
<br>
</div>
\
\
\
Hier können Sie auch eine Zip-Datei herunterladen.\
Darin sind zwei Dateien enthalten:\
\
1\. email.html.twig\
\
Darin ist der komplette Code ( HTML ) enthalten\
\
2\. email\_code\_only.html.twig\
\
Darin ist nur der Code ( HTML ) vom Plugin enthalten.\
\
Nach:
```twig
{% if nestedItem.payload.options is defined and nestedItem.payload.options|length >= 1 %}
{% for option in nestedItem.payload.options %}
{{ option.group }}: {{ option.option }}
{% if nestedItem.payload.options|last != option %}
{{ " | " }}
{% endif %}
{% endfor %}
{% endif %}
```
den Code von email\_code\_only.html.twig einfügen.\
\
[Download Email Template](https://www.pixeleyes.de/sw/email_code.zip)
{% hint style="warning" %}
Auch hier: Vorher den zu überschreibenden Code sichern!!
{% endhint %}