{# /** * @file * Template for the commerce email. * * Available variables: * - order_entity: The order entity. * - body: The email body. * - totals: An array of order totals values with the following keys: * - subtotal: The order subtotal price. * - adjustments: An array of adjustment totals: * - type: The adjustment type. * - label: The adjustment label. * - total: The adjustment total price. * - weight: The adjustment weight, taken from the adjustment type. * * @ingroup themeable */ #} <table style="margin: 15px auto 0 auto; max-width: 768px; font-family: arial,sans-serif"> <tbody> <tr> <td> <table style="text-align: center; min-width: 450px; margin: 5px auto 0 auto; border: 1px solid #cccccc; border-radius: 5px; padding: 40px 30px 30px 30px;"> <tbody> <tr> <td style="font-size: 30px; padding-bottom: 30px"><img src="/themes/custom/zadi_theme/belmil_wave_logo_email.png" style="height: 60px;" /></td> </tr> <tr> <td> {{ body|raw }} </td> <tr> <td style="font-weight: bold; padding-top:15px; padding-bottom: 15px; text-align: left; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc"> {{ 'Order #@number details:'|t({'@number': order_entity.getOrderNumber}) }} </td> </tr> <tr> <td> <table style="padding-top: 15px; padding-bottom:15px; width: 100%"> <tbody style="text-align: left;"> {% for order_item in order_entity.getItems %} <tr> <td> {{ order_item.getQuantity|number_format }} x </td> <td> <span>{{ order_item.label }}</span> <span style="float: right;">{{ order_item.getTotalPrice|commerce_price_format }}</span> </td> </tr> {% endfor %} </tbody> </table> </td> </tr> <tr> <td> <p style="margin-bottom: 0;"> {{ 'Subtotal: @subtotal'|t({'@subtotal': totals.subtotal|commerce_price_format}) }} </p> </td> </tr> {% for adjustment in totals.adjustments %} <tr> <td> <p style="margin-bottom: 0;"> {{ adjustment.label }}: {{ adjustment.total|commerce_price_format }} </p> </td> </tr> {% endfor %} <tr> <td> <p style="font-size: 24px; padding-top: 15px; padding-bottom: 5px;"> {{ 'Order Total: @total'|t({'@total': order_entity.getTotalPrice|commerce_price_format}) }} </p> </td> </tr> {% if store_info %} <tr> <td> {% block additional_information %} {{ store_info|raw }} {% endblock %} </td> </tr> {% endif %} </tr> </tbody> </table> </td> </tr> </tbody> </table>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter