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

  <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:

 {% 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 %}

den Code von email_code_only.html.twig einfügen. Download Email Template

Last updated