Guest User

Stack Overflow Email Help

a guest
Aug 15th, 2023
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2. html,head,body{
  3. font-color:black;}
  4. </style>
  5. {% capture email_title %}
  6. {% endcapture %}
  7. {% capture email_body %}
  8. {% if has_pending_payment %}
  9. {% if buyer_action_required %}
  10. <p style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >PLEASE NOTE: YOU’LL GET A CONFIRMATION EMAIL AFTER COMPLETING YOUR PAYMENT.</p>
  11. {% else %}
  12. <p style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >PLEASE NOTE: YOUR PAYMENT IS BEING PROCESSED. YOU'LL GET AN EMAIL WHEN YOUR ORDER IS CONFIRMED.</p>
  13. {% endif %}
  14. {% else %}
  15. {% if requires_shipping %}
  16. {% case delivery_method %}
  17. {% when 'pick-up' %}
  18. <p style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >PLEASE NOTE: YOU’LL RECEIVE AN EMAIL WHEN YOUR ORDER IS READY FOR PICKUP.<p>
  19. {% when 'local' %}
  20. <p style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; font-weight:bold; text-align:center;color:black" >HI {{ customer.first_name | upcase }}, WE'RE GETTING YOUR ORDER READY FOR DELIVERY.</p>
  21. {% else %}
  22. <p style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" >PLEASE NOTE: YOU’LL RECEIVE AN EMAIL WHEN YOUR ORDER IS OUT FOR DELIVERY.<p>
  23. {% endcase %}
  24. {% if delivery_instructions != blank %}
  25. <p style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" ><b>Delivery information:</b> {{ delivery_instructions }}</p>
  26. {% endif %}
  27. {% if consolidated_estimated_delivery_time %}
  28. {% endif %}
  29. {% endif %}
  30. {% endif %}
  31. {% assign gift_card_line_items = line_items | where: "gift_card" %}
  32. {% assign found_gift_card_with_recipient_email = false %}
  33. {% for line_item in gift_card_line_items %}
  34. {% if line_item.properties["__shopify_send_gift_card_to_recipient"] and line_item.properties["Recipient email"] %}
  35. {% assign found_gift_card_with_recipient_email = true %}
  36. {% break %}
  37. {% endif %}
  38. {% endfor %}
  39. {% if found_gift_card_with_recipient_email %}
  40. <p style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" >Your gift card recipient will receive an email with their gift card code.</p>
  41. {% elsif gift_card_line_items.first %}
  42. <p style="font-family:'Roboto Mono',monospace;outline-style:none; text-transform:uppercase; font-size:18px; text-align:center; color:black" >You’ll receive separate emails for any gift cards.</p>
  43. {% endif %}
  44. {% endcapture %}
  45. <!DOCTYPE html>
  46. <html lang="en">
  47. <head>
  48. <title>{{ email_title }}</title>
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  50. <meta name="viewport" content="width=device-width">
  51. <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
  52. <style>
  53. .button__cell { background: black; }
  54. a, a:hover, a:active, a:visited { color: black; }
  55. </style>
  56. </head>
  57. <body>
  58. <table class="body">
  59. <tr>
  60. <td>
  61. <table class="header row">
  62. <tr>
  63. <td class="header__cell">
  64. <center>
  65. <table class="container">
  66. <tr>
  67. <td>
  68. <table class="row">
  69. <tr style="font-family:'Roboto Mono',monospace;outline-style:none;display: block;">
  70. <td class="shop-name__cell" style="font-family:'Roboto Mono',monospace; outline-style:none; text-align: center; display: block;">
  71. {%- if shop.email_logo_url %}
  72. <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
  73. {%- else %}
  74. <h1 class="shop-name__text" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:30px; text-align: center;display: block; color:black; !important; text-decoration:none; outline-style:none; text-transform:uppercase">
  75. <a href="{{shop.url}}">{{ shop.name }}</a>
  76. </h1>
  77. {%- endif %}
  78. </td>
  79. <td class="order-number__cell" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:30px; text-align: center;display: block; color:black;!important; text-decoration:none; font-family:'Roboto Mono',monospace; outline-style:none; text-transform:uppercase">
  80. <span class="order-number__text">
  81. <p style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align: center;display: block; color:black;">ORDER {{ order_name }}</p>
  82. </span>
  83. </td>
  84. </tr>
  85. </table>
  86. </td>
  87. </tr>
  88. </table>
  89. </center>
  90. </td>
  91. </tr>
  92. </table>
  93. <table class="row content">
  94. <tr>
  95. <td class="content__cell">
  96. <center>
  97. <table class="container">
  98. <tr>
  99. <td>
  100. <h2>{{ email_title }}</h2>
  101. <p>{{ email_body }}</p>
  102. {% assign transaction_count = transactions | size %}
  103. {% if transaction_count > 0 %}
  104. {% for transaction in transactions %}
  105. {% if transaction.show_buyer_pending_payment_instructions? %}
  106. <p> {{transaction.buyer_pending_payment_notice}} </p>
  107. <p>
  108. <table class="row">
  109. <tr>
  110. {% for instruction in transaction.buyer_pending_payment_instructions %}
  111. <td>{{ instruction.header }}</td>
  112. {% endfor %}
  113. <td>Amount</td>
  114. </tr>
  115. <tr>
  116. {% for instruction in transaction.buyer_pending_payment_instructions %}
  117. <td>{{ instruction.value }}</td>
  118. {% endfor %}
  119. <td>{{transaction.amount | money}}</td>
  120. </tr>
  121. </table>
  122. </p>
  123. {% endif %}
  124. {% endfor%}
  125. {% endif %}
  126. {% if order_status_url %}
  127. <table class="row actions">
  128. <tr>
  129. <td class="empty-line">&nbsp;</td>
  130. </tr>
  131. <tr>
  132. <td class="actions__cell">
  133. <table class="link secondary-action-cell" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" >
  134. <tr>
  135. <td class="link__cell"><a style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" href="{{ order_status_url }}" class="link__cell">VIEW YOUR ORDER</a></td>
  136. </tr>
  137. </table>
  138. {% if shop.url %}
  139. <table class="link secondary-action-cell" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" >
  140. <tr>
  141. <td class="link__cell"><a style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" href="{{ shop.url }}">VISIT OUR STORE</a></td>
  142. </tr>
  143. </table>
  144. {% endif %}
  145. </td>
  146. </tr>
  147. </table>
  148. {% else %}
  149. {% if shop.url %}
  150. <table class="row actions" style="font-family:'Roboto Mono',monospace;outline-style:none;width: 100% !important">
  151. <tr>
  152. <td class="actions__cell">
  153. <table class="button main-action-cell">
  154. <tr>
  155. <td class="button__cell"><a style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100%; !important" href="{{ shop.url }}" class="button__text" style="font-family:'Roboto Mono',monospace;outline-style:none;font-size:16px; text-align:center; width: 100% !important" >VISIT OUR STORE</a></td>
  156. </tr>
  157. </table>
  158. </td>
  159. </tr>
  160. </table>
  161. {% endif %}
  162. {% endif %}
  163. </td>
  164. </tr>
  165. </td>
  166. </tr>
  167. <table class="row section">
  168. <tr>
  169. <td class="section__cell">
  170. <table class="container">
  171. <tr>
  172. <td>
  173. <h3 style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; color:black !important">ORDER SUMMARY</h3>
  174. </td>
  175. </tr>
  176. </table>
  177. <table class="container">
  178. <tr>
  179. <td>
  180. <table class="row">
  181. {% for line in subtotal_line_items %}
  182. <tr class="order-list__item">
  183. <td class="order-list__item__cell">
  184. <table>
  185. <td>
  186. {% if line.image %}
  187. <img src="{{ line | img_url: 'compact_cropped' }}" style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center;" width="60" height="60" class="order-list__product-image"/>
  188. {% endif %}
  189. </td>
  190. <td class="order-list__product-description-cell">
  191. {% if line.product.title %}
  192. {% assign line_title = line.product.title %}
  193. {% else %}
  194. {% assign line_title = line.title %}
  195. {% endif %}
  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. <span class="order-list__item-title">{{ line_title }}&nbsp;&times;&nbsp;{{ line_display }}</span><br/>
  202. {% if line.variant.title != 'Default Title' %}
  203. <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
  204. {% endif %}
  205. {% for group in line.groups %}
  206. <span class="order-list__item-variant">PART OF: {{ group.display_title }}</span><br/>
  207. {% endfor %}
  208. {% if line.gift_card and line.properties["__shopify_send_gift_card_to_recipient"] %}
  209. {% for property in line.properties %}
  210. {% assign property_first_char = property.first | slice: 0 %}
  211. {% if property.last != blank and property_first_char != '_' %}
  212. <div class="order-list__item-property">
  213. <dt>{{ property.first }}:</dt>
  214. <dd>
  215. {% if property.last contains '/uploads/' %}
  216. <a href="{{ property.last }}" class="link" target="_blank">
  217. {{ property.last | split: '/' | last }}
  218. </a>
  219. {% else %}
  220. {{ property.last }}
  221. {% endif %}
  222. </dd>
  223. </div>
  224. {% endif %}
  225. {% endfor %}
  226. {% endif %}
  227. {% if line.selling_plan_allocation %}
  228. <span class="order-list__item-variant">{{ line.selling_plan_allocation.selling_plan.name }}</span><br/>
  229. {% endif %}
  230. {% if line.refunded_quantity > 0 %}
  231. <span class="order-list__item-refunded" style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Refunded</span>
  232. {% endif %}
  233. {% if line.discount_allocations %}
  234. {% for discount_allocation in line.discount_allocations %}
  235. {% if discount_allocation.discount_application.target_selection != 'all' %}
  236. <span class="order-list__item-discount-allocation">
  237. <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
  238. <span>
  239. {{ discount_allocation.discount_application.title | upcase }}
  240. (-{{ discount_allocation.amount | money }})
  241. </span>
  242. </span>
  243. {% endif %}
  244. {% endfor %}
  245. {% endif %}
  246. </td>
  247. <td class="order-list__price-cell">
  248. {% if line.original_line_price != line.final_line_price %}
  249. <del class="order-list__item-original-price">{{ line.original_line_price | money }}</del>
  250. {% endif %}
  251. <p class="order-list__item-price">
  252. {% if line.final_line_price > 0 %}
  253. {{ line.final_line_price | money }}
  254. {% else %}
  255. FREE
  256. {% endif %}
  257. </p>
  258. </td>
  259. </table>
  260. </td>
  261. </tr>{% endfor %}
  262. </table>
  263. <table class="row subtotal-lines">
  264. <tr>
  265. <td class="subtotal-spacer"></td>
  266. <td>
  267. <table class="row subtotal-table">
  268. {% for discount_application in discount_applications %}
  269. {% if discount_application.target_selection == 'all' %}
  270. {% capture discount_title %}
  271. {% if discount_application.title %}
  272. {{ discount_application.title | upcase }}
  273. {% else %}
  274. Discount
  275. {% endif %}
  276. {% endcapture %}
  277. <tr class="subtotal-line">
  278. <td class="subtotal-line__title">
  279. <p>
  280. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Discount</span>
  281. <span class="subtotal-line__discount">
  282. <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
  283. <span class="subtotal-line__discount-title" style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase; !important">{{ discount_title }}</span>
  284. </span>
  285. </p>
  286. </td>
  287. <td class="subtotal-line__value">
  288. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">-{{ discount_application.total_allocated_amount | money }}</strong>
  289. </td>
  290. </tr>
  291. {% endif %}
  292. {% endfor %}
  293. <tr class="subtotal-line">
  294. <td class="subtotal-line__title">
  295. <p>
  296. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Subtotal</span>
  297. </p>
  298. </td>
  299. <td class="subtotal-line__value">
  300. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">{{ subtotal_price | money }}</strong>
  301. </td>
  302. </tr>
  303. {% if delivery_method == 'pick-up' %}
  304. <tr class="subtotal-line">
  305. <td class="subtotal-line__title">
  306. <p>
  307. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Pickup</span>
  308. </p>
  309. </td>
  310. <td class="subtotal-line__value">
  311. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">{{ shipping_price | money }}</strong>
  312. </td>
  313. </tr>
  314. {% else %}
  315. <tr class="subtotal-line">
  316. <td class="subtotal-line__title">
  317. <p>
  318. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Shipping</span>
  319. </p>
  320. </td>
  321. <td class="subtotal-line__value">
  322. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">{{ shipping_price | money }}</strong>
  323. </td>
  324. </tr>
  325. {% endif %}
  326. {% if total_duties %}
  327. <tr class="subtotal-line">
  328. <td class="subtotal-line__title">
  329. <p>
  330. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Duties</span>
  331. </p>
  332. </td>
  333. <td class="subtotal-line__value">
  334. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">{{ total_duties | money }}</strong>
  335. </td>
  336. </tr>
  337. {% endif %}
  338. <tr class="subtotal-line">
  339. <td class="subtotal-line__title">
  340. <p>
  341. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Taxes</span>
  342. </p>
  343. </td>
  344. <td class="subtotal-line__value">
  345. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">{{ tax_price | money }}</strong>
  346. </td>
  347. </tr>
  348. {% if total_tip and total_tip > 0 %}
  349. <tr class="subtotal-line">
  350. <td class="subtotal-line__title">
  351. <p>
  352. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; color:black; text-transform:uppercase; !important">Tip</span>
  353. </p>
  354. </td>
  355. <td class="subtotal-line__value">
  356. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; !important">{{ total_tip | money }}</strong>
  357. </td>
  358. </tr>
  359. {% endif %}
  360. </table>
  361. {% assign transaction_size = 0 %}
  362. {% assign transaction_amount = 0 %}
  363. {% for transaction in transactions %}
  364. {% if transaction.status == "success" %}
  365. {% unless transaction.kind == "authorization" or transaction.kind == "void" %}
  366. {% assign transaction_size = transaction_size | plus: 1 %}
  367. {% assign transaction_amount = transaction_amount | plus: transaction.amount %}
  368. {% endunless %}
  369. {% endif %}
  370. {% endfor %}
  371. <table class="row subtotal-table subtotal-table--total">
  372. {% if payment_terms and payment_terms.automatic_capture_at_fulfillment == false or b2b?%}
  373. {% assign due_at_date = payment_terms.next_payment.due_at | date: "%b %d, %Y" %}
  374. <tr class="subtotal-line">
  375. <td class="subtotal-line__title">
  376. <p>
  377. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase; !important">Total paid today</span>
  378. </p>
  379. </td>
  380. <td class="subtotal-line__value">
  381. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; font-size:16px; !important">{{ transaction_amount | money_with_currency }}</strong>
  382. </td>
  383. </tr>
  384. <div class="payment-terms">
  385. <tr class="subtotal-line">
  386. <td class="subtotal-line__title">
  387. <p>
  388. <span>Total due {{ due_at_date }}</span>
  389. </p>
  390. </td>
  391. <td class="subtotal-line__value">
  392. <strong>{{ payment_terms.next_payment.amount_due | money_with_currency }}</strong>
  393. </td>
  394. </tr>
  395. </div>
  396. {% else %}
  397. <tr class="subtotal-line">
  398. <td class="subtotal-line__title">
  399. <p>
  400. <span style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase; !important">Total</span>
  401. </p>
  402. </td>
  403. <td class="subtotal-line__value">
  404. <strong style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; font-size:16px; !important">{{ total_price | money_with_currency }}</strong>
  405. </td>
  406. </tr>
  407. {% endif %}
  408. </table>
  409. {% if total_discounts > 0 %}
  410. <p class="total-discount" style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase; !important">
  411. You saved <span class="total-discount--amount" style="font-family:'Roboto Mono',monospace;outline-style:none;text-transform:uppercase;color:#777; !important">{{ total_discounts | money }}</span>
  412. </p>
  413. {% endif %}
  414. {% unless payment_terms %}
  415. {% if transaction_size > 1 or transaction_amount < total_price %}
  416. <table class="row subtotal-table">
  417. <tr><td colspan="2" class="subtotal-table__line"></td></tr>
  418. <tr><td colspan="2" class="subtotal-table__small-space"></td></tr>
  419. {% for transaction in transactions %}
  420. {% if transaction.status == "success" and transaction.kind == "capture" or transaction.kind == "sale" %}
  421. {% if transaction.payment_details.credit_card_company %}
  422. {% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (ENDING IN {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
  423. {% else %}
  424. {% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %}
  425. {% endif %}
  426. <tr class="subtotal-line">
  427. <td class="subtotal-line__title">
  428. <p>
  429. <span>{{transaction_name}}</span>
  430. </p>
  431. </td>
  432. <td class="subtotal-line__value">
  433. <strong>{{ transaction.amount | money }}</strong>
  434. </td>
  435. </tr>
  436. {% endif %}
  437. {% if transaction.kind == 'refund' %}
  438. {% if transaction.payment_details.credit_card_company %}
  439. {% assign refund_method_title = transaction.payment_details.credit_card_company %}
  440. {% else %}
  441. {% assign refund_method_title = transaction.gateway %}
  442. {% endif %}
  443. <tr class="subtotal-line">
  444. <td class="subtotal-line__title">
  445. <p>
  446. <span>Refund</span>
  447. <br>
  448. <small>{{ refund_method_title | capitalize }}</small>
  449. </p>
  450. </td>
  451. <td class="subtotal-line__value">
  452. <strong>- {{ transaction.amount | money }}</strong>
  453. </td>
  454. </tr>
  455. {% endif %}
  456. {% endfor %}
  457. </table>
  458. {% endif %}
  459. {% endunless %}
  460. </td>
  461. </tr>
  462. </table>
  463. </td>
  464. </tr>
  465. </table>
  466. </center>
  467. </td>
  468. </tr>
  469. </table>
  470. <table class="row section">
  471. <tr>
  472. <td class="section__cell">
  473. <center>
  474. <table class="container">
  475. <tr>
  476. <td>
  477. <h3 style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; color:black !important">CUSTOMER INFORMATION</h3>
  478. </td>
  479. </tr>
  480. </table>
  481. <table class="container">
  482. <tr>
  483. <td>
  484. <table class="row">
  485. <tr>
  486. {% if requires_shipping and shipping_address %}
  487. <td class="customer-info__item" style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; text-transform:uppercase; color:black; !important">
  488. <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center; color:black; !important">DELIVERY ADDRESS</h4>
  489. {{ shipping_address | format_address }}
  490. </td>
  491. {% endif %}
  492. {% if billing_address %}
  493. <td class="customer-info__item" style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; text-transform:uppercase; color:black; !important">
  494. <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center; color:black; !important">BILLING ADDRESS</h4>
  495. {{ billing_address | format_address }}
  496. </td>
  497. {% endif %}
  498. </tr>
  499. </table>
  500. <table class="row">
  501. <tr>
  502. {% if company_location %}
  503. <td class="customer-info__item">
  504. <h4 style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center;color:black; text-transform:uppercase; !important">Location</h4>
  505. <p style="font-family:'Roboto Mono',monospace;outline-style:none; text-align:center; font-weight:bold; color:black; text-transform:uppercase; font-size:16px; !important">
  506. {{ company_location.name }}
  507. </p>
  508. </td>
  509. {% endif %}
  510. {% if transaction_size > 0 or payment_terms and payment_terms.automatic_capture_at_fulfillment == false or b2b? %}
  511. <td class="customer-info__item">
  512. <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-weight:bold; text-align:center; color:black; !important">PAYMENT METHOD</h4>
  513. <p class="customer-info__item-content">
  514. {% if payment_terms %}
  515. {% assign due_date = payment_terms.next_payment.due_at | default: nil %}
  516. {% if payment_terms.type == 'receipt' or payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil %}
  517. {{ payment_terms.translated_name }}<br>
  518. {% else %}
  519. {{ payment_terms.translated_name }}: DUE {{ due_date | date: format: 'date' }}<br>
  520. {% endif %}
  521. {% endif %}
  522. {% if transaction_size > 0 %}
  523. {% for transaction in transactions %}
  524. {% if transaction.status == "success" or transaction.status == "pending" %}
  525. {% if transaction.kind == "capture" or transaction.kind == "sale" %}
  526. {% if transaction.payment_details.credit_card_company %}
  527. <img src="{{ transaction.payment_details.credit_card_company | payment_icon_png_url }}" class="customer-info__item-credit" height="24" alt="{{ transaction.payment_details.credit_card_company }}">
  528. <span>ENDING WITH {{ transaction.payment_details.credit_card_last_four_digits }}</span><br>
  529. {% elsif transaction.gateway_display_name == "Gift card" %}
  530. <img src="{{ transaction.gateway_display_name | downcase | replace: ' ', '-' | payment_type_img_url }}" class="customer-info__item-credit" height="24">
  531. ENDING WITH {{ transaction.payment_details.gift_card.last_four_characters | upcase }}<br>
  532. &emsp;&emsp;&emsp;&nbsp;GIFT CARD BALANCE - <b>{{ transaction.payment_details.gift_card.balance | money }}</b>
  533. {% elsif transaction.gateway_display_name != "Shop Cash" %}
  534. {{ transaction.gateway_display_name }}<br>
  535. {% endif %}
  536. {% elsif transaction.kind == "authorization" and transaction.gateway_display_name == "Shop Cash" %}
  537. <span style="font-family:'Roboto Mono',monospace;outline-style:none;font-family:'Roboto Mono',monospace;outline-style:none;text-align:center; color:black !important">SHOP CASH - <b>{{ transaction.amount | money }}</b></span>
  538. {% endif %}
  539. {% endif %}
  540. {% endfor %}
  541. {% endif %}
  542. </p>
  543. </td>
  544. {% endif %}
  545. </tr>
  546. <tr>
  547. {% if requires_shipping and shipping_address %}
  548. {% if shipping_method %}
  549. <td class="customer-info__item" style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center;">
  550. <h4 style="font-family:'Roboto Mono',monospace;outline-style:none;font-family:'Roboto Mono',monospace;outline-style:none; font-weight:bold; text-align:center; color:black !important">DELIVERY METHOD</h4>
  551. <p style="font-family:'Roboto Mono',monospace; text-transform:uppercase; outline-style:none;text-align:center; color:#777; !important">
  552. {% if delivery_promise_branded_shipping_line %}
  553. {{ delivery_promise_branded_shipping_line }}
  554. {% else %}
  555. {{ shipping_method.title }}
  556. {% endif %}
  557. </p>
  558. </td>
  559. {% endif %}
  560. {% endif %}
  561. </tr>
  562. </table>
  563. </td>
  564. </tr>
  565. </table>
  566. </center>
  567. </td>
  568. </tr>
  569. </table>
  570. <table class="row footer">
  571. <tr>
  572. <td class="footer__cell">
  573. <center>
  574. <table class="container">
  575. <tr>
  576. <td>
  577. <p class="disclaimer__subtext" style="font-family:'Roboto Mono',monospace;outline-style:none;text-align:center;" >IF YOU HAVE ANY QUESTIONS, REPLY TO THIS EMAIL OR CONTACT US AT <br><a href="mailto:[email protected]">[email protected]</a></p>
  578. </td>
  579. </tr>
  580. </table>
  581. </center>
  582. </td>
  583. </tr>
  584. </table>
  585. <img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />
  586. </td>
  587. </tr>
  588. </table>
  589. </body>
  590. </html>
Advertisement
Add Comment
Please, Sign In to add comment