Shopify Default Merchant Order Notification
A duplicate of Shopify's standard merchant / staff notification template

Template

This template is perfect for anyone who wants to conditionally send an additional merchant / staff / fulfilment notification email but wants it to look exactly like Shopify's template.
1
<!DOCTYPE html><html lang="en" style="font-size: 14px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; margin: 0; padding: 0;"><head>
2
<title>
3
New order placed
4
</title>
5
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6
<meta name="viewport" content="width=device-width"/>
7
8
9
<style data-premailer="ignore">
10
.button__cell { background: #ca0a07; }
11
a, a:hover, a:active, a:visited { color: #ca0a07; }
12
@media print{
13
body {
14
color: black !important;
15
}
16
17
.subtitle-lines,
18
.subtotal-line__title,
19
.subtotal-line__value {
20
padding: 0 !important;
21
margin: 0 !important;
22
}
23
24
.subtotal-table {
25
margin: 0 !important;
26
}
27
}
28
</style>
29
<style>body {
30
margin: 0 !important; padding: 0;
31
}
32
body {
33
height: 100%; width: 100%;
34
}
35
img {
36
border: 0; height: auto; line-height: 0; outline: none; text-decoration: none; vertical-align: top; -ms-interpolation-mode: bicubic;
37
}
38
.ReadMsgBody {
39
width: 100%;
40
}
41
.ExternalClass {
42
width: 100%;
43
}
44
.ExternalClass {
45
line-height: 100%;
46
}
47
body {
48
-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;
49
}
50
body {
51
font-size: 14px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
52
}
53
a:hover {
54
text-decoration: none;
55
}
56
a:active {
57
text-decoration: none;
58
}
59
a:visited {
60
text-decoration: none;
61
}
62
.mail-button:hover {
63
background-color: #007658; border-color: #007658;
64
}
65
@media (max-width: 600px) {
66
.mail-body__content {
67
padding: 0 !important; border-left: 0 !important; border-right: 0 !important; border-top: none !important; border-radius: 0 !important; width: 100% !important; margin-top: 0 !important;
68
}
69
.container.section {
70
margin-top: 16px !important;
71
}
72
.banner-container {
73
margin-top: 8px !important;
74
}
75
.main-action-cell {
76
float: none !important; margin-right: 0 !important;
77
}
78
.secondary-action-cell {
79
text-align: center; width: 100%;
80
}
81
.row.content {
82
width: 100% !important; padding: 20px !important;
83
}
84
.customer-info__item {
85
display: block; width: 100% !important;
86
}
87
.subtotal-spacer {
88
display: none;
89
}
90
.banner-alert__table {
91
margin-top: 16px !important; margin-bottom: 16px !important;
92
}
93
}
94
@media screen and (min-width: breakpoint(display-text)) {
95
.mail-button {
96
font-size: 14px;
97
}
98
}
99
</style>
100
</head>
101
102
<body style="height: 100%; width: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 14px; font-weight: 400; line-height: 20px; text-transform: initial; letter-spacing: initial; color: #202223; font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; margin: 0; padding: 0;">
103
<table class="row" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
104
<tbody><tr class="mail-priority-indicator mail-priority-indicator--low" style="margin-top: 0; margin-bottom: 0; padding: 0;">
105
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; border-top-style: solid; height: 0; border-top-color: #C9CCCF; padding: 0; border-width: 5px 0 0;"></td>
106
</tr>
107
</tbody></table>
108
<table class="body" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
109
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
110
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
111
112
113
<table class="row" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
114
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
115
<td class="section__cell" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
116
<center>
117
<table class="container section" style="width: 100%; border-collapse: initial; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; max-width: 470px; text-align: left; border-radius: 8px; margin: 32px auto 0; padding: 0 20px; border: 1px solid #c9cccf;" cellpadding="0" cellspacing="0">
118
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
119
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
120
121
<table class="row content" style="width: 100%; border-collapse: initial !important; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 20px 4px;" cellpadding="0" cellspacing="0">
122
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
123
<td class="content__cell " style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
124
<center>
125
<table class="container" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
126
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
127
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
128
129
<table class="row" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
130
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
131
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
132
133
{% assign current_date = created_at | date: "%b %d" %}
134
{% assign current_time = created_at | date: "%l:%M %P" %}
135
136
{% if customer.name %}
137
{{ customer.name }} placed order {{ name }} on {{ current_date }} at {{ current_time | strip }}.
138
{% else %}
139
Someone placed order {{ name }} on {{ current_date }} at {{ current_time | strip }}.
140
{% endif %}
141
142
<table class="row actions" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 20px; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
143
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
144
<td class="empty-line" style="line-height: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;"> </td>
145
</tr>
146
<tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
147
<td class="actions__cell" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
148
<table class="button main-action-cell" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; float: left; margin-right: 16px; padding: 0;" cellpadding="0" cellspacing="0">
149
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
150
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
151
152
<a href="https://{{ shop.domain }}/admin/orders/{{ id }}" class="mail-button" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; margin-top: 0; margin-bottom: 0; color: white; text-decoration: none; font-weight: 400; text-transform: initial; letter-spacing: initial; display: inline-block; font-size: 14px; line-height: 1.41; background-color: #008060; border-radius: 4px; padding: 0; border-color: #008060; border-style: solid; border-width: 8px 16px;">View order</a></td>
153
</tr>
154
</tbody></table>
155
</td>
156
</tr>
157
</tbody></table>
158
159
</td>
160
</tr>
161
</tbody></table>
162
163
</td>
164
</tr>
165
</tbody></table>
166
</center>
167
</td>
168
</tr>
169
</tbody></table>
170
<table class="row content" style="width: 100%; border-collapse: initial !important; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; border-top-width: 1px; border-top-color: #C9CCCF; border-top-style: solid; padding: 20px 4px;" cellpadding="0" cellspacing="0">
171
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
172
<td class="content__cell " style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
173
<center>
174
<table class="container" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
175
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
176
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
177
178
<strong class="order-list__summary-title" style="color: #202223; font-weight: 600; font-size: 16px;">Order summary</strong>
179
<br/>
180
<br/>
181
182
<table class="row" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
183
184
{% for line in line_items %}
185
186
<tbody><tr class="order-list__item" style="margin-top: 0; margin-bottom: 0; width: 100%; padding: 0;">
187
<td class="order-list__item__cell" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0 0 20px; border: 0;">
188
<table style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
189
<tbody><tr><td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
190
{% if line.image %}
191
<img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image" style="height: 50px; line-height: 0; outline: none; text-decoration: none; vertical-align: top; -ms-interpolation-mode: bicubic; width: 50px; margin-right: 16px; border-radius: 4px; border: 1px solid #c9cccf;"/>
192
{% endif %}
193
</td>
194
<td class="order-list__product-description-cell" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; width: 100%; padding: 0; border: 0;">
195
196
{% if line.quantity < line.quantity %}
197
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
198
{% else %}
199
{% assign line_display = line.quantity %}
200
{% endif %}
201
202
203
<span class="order-list__item-title" style="font-size: 14px; line-height: 1.42; color: #202223;">
204
205
{% if line.product.title == blank %}
206
{{ line.title }}</span><br/>
207
{% else %}
208
{{ line.product.title }}
209
{% endif %}
210
211
</span><br/>
212
213
214
{% if line.quantity %}
215
{% if line.original_line_price != line.final_line_price %}
216
<span><del class="order-list__item-original-price">{{ line.original_price | money }}</del></span>
217
{% endif %}
218
<span>{{ line.final_price | money }} × {{ line.quantity }} </span><br/>
219
{% endif %}
220
221
{% if line.variant.title != 'Default Title' %}
222
<span class="order-list__item-variant" style="font-size: 14px; line-height: 1.42; color: #6D7175;">{{ line.variant.title }}</span>
223
224
{% if line.sku != blank %}
225
<span class="order-list__item-variant" style="font-size: 14px; line-height: 1.42; color: #6D7175;">• </span>
226
227
{% endif %}
228
{% endif %}
229
{% if line.sku != blank %}
230
<span class="order-list__item-variant" style="font-size: 14px; line-height: 1.42; color: #6D7175;">SKU: {{ line.sku }}</span>
231
{% endif %}
232
233
234
235
</td>
236
<td class="order-list__price-cell" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; white-space: nowrap; padding: 0; border: 0;">
237
<p class="order-list__item-price" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 20px; font-weight: 400; margin: 0 0 0 16px; padding: 0;" align="right">
238
239
{% assign final_line_price = line.final_line_price | plus: 0 %}
240
241
{% if final_line_price > 0 %}
242
{{ line.final_line_price | money }}
243
{% else %}
244
Free
245
{% endif %}
246
</p>
247
</td>
248
</tr></tbody></table>
249
</td>
250
</tr>{% endfor %}
251
</tbody></table>
252
253
<table class="row subtotal-lines" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
254
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
255
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
256
<table class="row subtotal-table" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
257
258
259
260
261
262
<tbody><tr class="subtotal-line" style="margin-top: 0; margin-bottom: 0; padding: 0;">
263
<td class="subtotal-line__title" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
264
<p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 1.42em; margin: 0; padding: 0;">
265
266
<span>Subtotal</span>
267
268
</p>
269
</td>
270
<td class="subtotal-line__value" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;" align="right">
271
272
{{ subtotal_price | money }}
273
274
</td>
275
</tr>
276
277
278
279
280
281
282
<tr class="subtotal-line" style="margin-top: 0; margin-bottom: 0; padding: 0;">
283
<td class="subtotal-line__title" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
284
<p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 1.42em; margin: 0; padding: 0;">
285
286
<span>Shipping</span>
287
288
<span class="subtotal-line__discount" style="margin-left: 4px;">
289
<span class="subtotal-line__discount-title" style="line-height: 1.42em; color: #6D7175;">({{ shipping_method.title }})</span>
290
</span>
291
</p>
292
</td>
293
<td class="subtotal-line__value" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;" align="right">
294
295
{{ shipping_price | money }}
296
297
</td>
298
</tr>
299
300
301
302
{% for tax_line in tax_lines %}
303
304
<tr class="subtotal-line" style="margin-top: 0; margin-bottom: 0; padding: 0;">
305
<td class="subtotal-line__title" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
306
<p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 1.42em; margin: 0; padding: 0;">
307
308
<span>Tax</span>
309
310
<span class="subtotal-line__discount" style="margin-left: 4px;">
311
<span class="subtotal-line__discount-title" style="line-height: 1.42em; color: #6D7175;">{% if tax_line.title.size > 0 %}({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%){% endif %}</span>
312
</span>
313
</p>
314
</td>
315
<td class="subtotal-line__value" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;" align="right">
316
317
{{ tax_line.price | money }}
318
319
</td>
320
</tr>
321
322
{% endfor %}
323
324
</tbody></table>
325
<table class="row subtotal-table subtotal-table--total" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
326
327
<tbody><tr class="subtotal-line" style="margin-top: 0; margin-bottom: 0; padding: 0;">
328
<td class="subtotal-line__title" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; font-weight: bold; padding: 20px 0 0; border: 0;">
329
<p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 1.42em; margin: 0; padding: 0;">
330
331
<span>Total</span>
332
333
</p>
334
</td>
335
<td class="subtotal-line__value" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; font-weight: bold; padding: 20px 0 0; border: 0;" align="right">
336
337
{{ total_price | money_with_currency }}
338
</td>
339
</tr>
340
341
</tbody></table>
342
</td>
343
</tr>
344
</tbody></table>
345
346
347
</td>
348
</tr>
349
</tbody></table>
350
</center>
351
</td>
352
</tr>
353
</tbody></table>
354
<table class="row content" style="width: 100%; border-collapse: initial !important; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; border-top-width: 1px; border-top-color: #C9CCCF; border-top-style: solid; padding: 20px 4px;" cellpadding="0" cellspacing="0">
355
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
356
<td class="content__cell " style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
357
<center>
358
<table class="container" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
359
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
360
<td style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0; border: 0;">
361
362
{% if gateway %}
363
<table class="row" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
364
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
365
<td class="customer-info__item customer-info__item--last" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; width: 50%; padding: 0; border: 0;">
366
<strong style="color: #202223;">Payment processing method</strong>
367
<br/>
368
<p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 20px; margin: 0; padding: 0;">{{ gateway }}</p>
369
</td>
370
</tr>
371
</tbody></table>
372
373
{% endif %}
374
375
<br/>
376
<table class="row" style="width: 100%; border-collapse: collapse; border-spacing: 0; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; padding: 0;" cellpadding="0" cellspacing="0">
377
<tbody><tr style="margin-top: 0; margin-bottom: 0; padding: 0;">
378
<td class="customer-info__item customer-info__item--last" style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; mso-table-lspace: 0; mso-table-rspace: 0; margin-top: 0; margin-bottom: 0; width: 50%; padding: 0; border: 0;">
379
<strong style="color: #202223;">Shipping address</strong>
380
<br/>
381
<p style="-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #202223; line-height: 20px; margin: 0; padding: 0;">
382
{{ shipping_address.name }}<br>
383
{{ shipping_address.address1 }}<br>
384
{% unless shipping_address.address2 == blank %}
385
{{ shipping_address.address2 }}<br>
386
{% endunless %}
387
{{ shipping_address.city }},
388
{{ shipping_address.province }}
389
{{ shipping_address.zip }}<br>
390
{{ shipping_address.country }}<br>
391
{{ shipping_address.phone }}<br>
392
</p>
393
</td>
394
</tr>
395
</tbody></table>
396
397
</td>
398
</tr>
399
</tbody></table>
400
</center>
401
</td>
402
</tr>
403
</tbody></table>
404
405
</td>
406
</tr>
407
</tbody></table>
408
</center>
409
</td>
410
</tr>
411
</tbody></table>
412
413
414
</td>
415
</tr>
416
</tbody></table>
417
418
419
</body></html>
Copied!
Copy link