Skip to content

Instantly share code, notes, and snippets.

@cargix1

cargix1/simon

Created July 3, 2020 19:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cargix1/3cdd6a79d9c06a6d722ccb78e0a5ff52 to your computer and use it in GitHub Desktop.
Save cargix1/3cdd6a79d9c06a6d722ccb78e0a5ff52 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
simon
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="en">
<head>
<!--[if gte mso 15]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG />
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta name="viewport" content="width=device-width">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<!-- Order confirmation email template for Shopify -->
<style type="text/css" data-premailer="ignore">
/* What it does: Remove spaces around the email design added by some email clients. */
/* Beware: It can remove the padding / Margin and add a background color to the compose a reply window. */
html, body {
Margin: 0 auto !important;
padding: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* What it does: Forces Outlook.com to display emails full width. */
.ExternalClass {
width: 100%;
}
/* What is does: Centers email on Android 4.4 */
div[style*="Margin: 16px 0"] {
Margin:0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,
th {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
/* What it does: Fixes Outlook.com line height. */
.ExternalClass,
.ExternalClass * {
line-height: 100% !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
border: none;
Margin: 0 auto;
}
div[style*="Margin: 16px 0"] {
Margin:0 !important;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode:bicubic;
}
/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
border-bottom: none !important;
}
/* What it does: Overrides blue, underlined link auto-detected by iOS Mail. */
/* Create a class for every link style needed; this template needs only one for the link in the footer. */
/* What it does: A work-around for email clients meddling in triggered links. */
*[x-apple-data-detectors], /* iOS */
.x-gmail-data-detectors, /* Gmail */
.x-gmail-data-detectors *,
.aBn {
border-bottom: none !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
/* What it does: Prevents Gmail from displaying an download button on large, non-linked images. */
.a6S {
display: none !important;
opacity: 0.01 !important;
}
/* If the above doesn't work, add a .g-img class to any image in question. */
img.g-img + div {
display:none !important;
}
/* What it does: Prevents underlining the button text in Windows 10 */
a,
a:link,
a:visited {
color: #dfb2ab;
text-decoration: none !important;
}
.header a {
color: #c3c3c3;
text-decoration: none;
text-underline: none;
}
.main a {
color: #dfb2ab;
text-decoration: none;
text-underline: none;
word-wrap: break-word;
}
.main .section.customer_and_shipping_address a,
.main .section.shipping_address_and_fulfillment_details a {
color: #585858;
text-decoration: none;
text-underline: none;
word-wrap: break-word;
}
.footer a {
color: #f8edea;
text-decoration: none;
text-underline: none;
}
/* What it does: Overrides styles added images. */
img {
border: none !important;
outline: none !important;
text-decoration:none !important;
}
/* What it does: Fixes fonts for Google WebFonts; */
[style*="Old Standard TT"] {
font-family: 'Old Standard TT',Georgia,serif !important;
}
[style*="Old Standard TT"] {
font-family: 'Old Standard TT',Georgia,serif !important;
}
[style*="Old Standard TT"] {
font-family: 'Old Standard TT',Georgia,serif !important;
}
[style*="Old Standard TT"] {
font-family: 'Old Standard TT',Georgia,serif !important;
}
td.menu_bar_1 a:hover,
td.menu_bar_6 a:hover {
color: #dfb2ab !important;
}
th.related_product_wrapper.first {
border-right: 13px solid #f8edea;
padding-right: 6px;
}
th.related_product_wrapper.last {
border-left: 13px solid #f8edea;
padding-left: 6px;
}
</style>
<!--[if (mso)|(mso 16)]>
<style type="text/css" data-premailer="ignore">
a {text-decoration: none;}
</style>
<![endif]-->
<!--[if !mso]><!-->
<link href="https://fonts.googleapis.com/css?family=Old+Standard+TT:400,700|Old+Standard+TT:700,400|Old+Standard+TT:400,700|Old+Standard+TT:400,400" rel="stylesheet" type="text/css" data-premailer="ignore">
<!--<![endif]-->
<style type="text/css" data-premailer="ignore">
/* Media Queries */
/* What it does: Removes right gutter in Gmail iOS app */
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) { /* iPhone 6 and 6+ */
.container {
min-width: 375px !important;
}
}
/* Main media query for responsive styles */
@media only screen and (max-width:480px) {
/* What it does: Overrides email-container's desktop width and forces it into a 100% fluid width. */
.email-container {
width: 100% !important;
min-width: 100% !important;
}
.section > th {
padding: 13px 26px 13px 26px !important;
}
.section.divider > th {
padding: 26px 26px !important;
}
.main .section:first-child > th,
.main .section:first-child > td {
padding-top: 26px !important;
}
.main .section:nth-last-child(2) > th,
.main .section:nth-last-child(2) > td {
padding-bottom: 52px !important;
}
.section.recommended_products > th,
.section.discount > th {
padding: 26px 26px !important;
}
/* What it does: Forces images to resize to the width of their container. */
img.fluid,
img.fluid-centered {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: auto !important;
Margin: auto !important;
box-sizing: border-box;
}
/* and center justify these ones. */
img.fluid-centered {
Margin: auto !important;
}
/* What it does: Forces table cells into full-width rows. */
th.stack-column,
th.stack-column-left,
th.stack-column-center,
th.related_product_wrapper,
.column_1_of_2,
.column_2_of_2 {
display: block !important;
width: 100% !important;
min-width: 100% !important;
direction: ltr !important;
box-sizing: border-box;
}
/* and left justify these ones. */
th.stack-column-left {
text-align: left !important;
}
/* and center justify these ones. */
th.stack-column-center,
th.related_product_wrapper {
text-align: center !important;
border-right: none !important;
border-left: none !important;
}
.column_button,
.column_button > table,
.column_button > table th {
width: 100% !important;
text-align: center !important;
Margin: 0 !important;
}
.column_1_of_2 {
padding-bottom: 26px !important;
}
.column_1_of_2 th {
padding-right: 0 !important;
}
.column_2_of_2 th {
padding-left: 0 !important;
}
.column_text_after_button {
padding: 0 13px !important;
}
/* Adjust product images */
th.table-stack {
padding: 0 !important;
}
th.product-image-wrapper {
padding: 26px 0 13px 0 !important;
}
img.product-image {
width: 160px !important;
max-width: 160px !important;
}
tr.row-border-bottom th.product-image-wrapper {
border-bottom: none !important;
}
th.related_product_wrapper.first,
th.related_product_wrapper.last {
padding-right: 0 !important;
padding-left: 0 !important;
}
.text_banner th.banner_container {
padding: 13px !important;
}
.mobile_app_download .column_1_of_2 .image_container {
padding-bottom: 0 !important;
}
.mobile_app_download .column_2_of_2 .image_container {
padding-top: 0 !important;
}
}
</style>
<style type="text/css" data-premailer="ignore">
/* Custom Media Queries */
@media only screen and (max-width:480px) {
.column_logo {
display: block !important;
width: 100% !important;
min-width: 100% !important;
direction: ltr !important;
text-align: center !important;
}
p,
.column_1_of_2 th p,
.column_2_of_2 th p,
.order_notes *,
.invoice_link * {
text-align: center !important;
}
.line-item-description p {
text-align: left !important;
}
.line-item-price p,
.line-item-qty p,
.line-item-line-price p {
text-align: right !important;
}
h1, h2, h3,
.column_1_of_2 th,
.column_2_of_2 th {
text-align: center !important;
}
td.order-table-title {
text-align: center !important;
}
.footer .column_1_of_2 {
border-right: 0 !important;
border-bottom: 0 !important;
}
.footer .section_wrapper_th {
padding: 0 17px;
}
}
</style>
</head>
<body class="body" id="body" leftMargin="0" topMargin="0" Marginwidth="0" Marginheight="0" bgcolor="#ebebeb" style="-webkit-text-size-adjust: none; -ms-text-size-adjust: none; Margin: 0; padding: 0;">
<!--[if !mso 9]><!-->
<div style="display: none; overflow: hidden; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; mso-hide: all;">
This email is simply to confirm that you have placed an order with us and chosen the In Store Pick-up option.Ce courriel confirme votre commande en ligne avec l'option ramassage en boutique.Your order will be ready to be picked up:Vous pourrez passer en boutique et r&#233;cup&#233;rer vo...
</div>
<!--<![endif]-->
<!-- BEGIN: CONTAINER -->
<table class="container container_full" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse: collapse; min-width: 100%;" role="presentation" bgcolor="#ebebeb">
<tbody>
<tr>
<th valign="top" style="mso-line-height-rule: exactly;">
<center style="width: 100%;">
<table border="0" width="600" cellpadding="0" cellspacing="0" align="center" style="width: 600px; min-width: 600px; max-width: 600px; Margin: auto;" class="email-container" role="presentation">
<tr>
<th valign="top" style="mso-line-height-rule: exactly;">
<!-- BEGIN : SECTION : HEADER -->
<table class="section_wrapper header" data-id="header" id="section-header" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#f8edea">
<tr>
<td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding-top: 52px; padding-bottom: 26px;" bgcolor="#f8edea">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
<tr>
<th class="column_logo" style="mso-line-height-rule: exactly; padding-top: 13px; padding-bottom: 13px;" align="center" bgcolor="#f8edea">
<!-- Logo : BEGIN -->
<a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/logo/link?url={% capture oe_uri %}{{ shop.url }}{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #c3c3c3; text-decoration: none !important; text-underline: none;">
<img src="https://d1oo2t5460ftwl.cloudfront.net/api/file/8SIY6HiXSPOvPrx6LrAZ/convert?fit=max&amp;w=640" class="logo " width="320" border="0" style="width: 320px; height: auto !important; display: block; text-align: center; Margin: auto;">
</a>
<!-- Logo : END -->
</th>
</tr>
</table>
</td>
</tr>
</table>
<!-- END : SECTION : HEADER -->
<!-- BEGIN : SECTION : MAIN -->
<table class="section_wrapper main" data-id="main" id="section-main" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#f8edea">
<tr>
<td class="section_wrapper_th" style="mso-line-height-rule: exactly;" bgcolor="#f8edea">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" id="mixContainer" role="presentation">
<!-- BEGIN SECTION: Divider -->
<tr id="section-1488909" class="section divider">
<th style="mso-line-height-rule: exactly; color: #4b4b4b; padding: 26px 52px;" bgcolor="#f8edea">
<table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation" style="color: #4b4b4b;" bgcolor="#f8edea">
<tr style="color: #4b4b4b;" bgcolor="#f8edea">
<th style="mso-line-height-rule: exactly; border-top-width: 1px; border-top-color: #cccccc; border-top-style: solid; color: #4b4b4b;" bgcolor="#f8edea" valign="top">
</th>
</tr>
</table>
</th>
</tr>
<!-- END SECTION: Divider -->
<!-- BEGIN SECTION: Image -->
<tr id="section-1489045" class="section image">
<th class="image_container center" style="mso-line-height-rule: exactly; padding: 13px 52px;" align="center" bgcolor="#f8edea">
{% if attributes.Checkout-Method == 'pickup' %}<img src="https://d1oo2t5460ftwl.cloudfront.net/api/file/kEpOBwyEQFqyETchs7nD/convert?fit=max&amp;w=900" class="campaign_image" width="100%" border="0" style="width: 100%; height: auto !important; display: block; max-width: 600px; Margin: auto;">{% else %}<img src="https://d1oo2t5460ftwl.cloudfront.net/api/file/m8YcS7xuRraloRHsn3BR/convert?fit=max&amp;w=900" class="campaign_image" width="100%" border="0" style="width: 100%; height: auto !important; display: block; max-width: 600px; Margin: auto;">{% endif %}
</th>
</tr>
<!-- END SECTION: Image -->
{% if attributes.Checkout-Method == 'pickup' %}
<!-- BEGIN SECTION: Heading -->
<tr id="section-1488489" class="section heading">
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation">
<tr>
<th style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top">
<h1 data-key="1488489_heading" style="font-family: Georgia,serif,'Old Standard TT'; font-size: 28px; line-height: 46px; font-weight: 700; color: #4b4b4b; text-transform: none; Margin: 0;">Confirmation de votre commande</h1>
</th>
</tr>
</table>
</th>
</tr>
<!-- START SECTION: English will follow -->
<tr>
<th style="mso-line-height-rule: exactly; padding: 0; 32px;" bgcolor="#f8edea">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-style: italic; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="center">- English will follow -</p>
</th>
</tr>
<!-- END SECTION: Heading -->
<!-- START SECTION: French details -->
<tr>
<th style="mso-line-height-rule: exactly; padding: 8px 32px;" bgcolor="#f8edea">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">Ce courriel confirme simplement votre commande en ligne avec l'option de <span style="font-weight:bold;">Ramassage en Boutique</span>. Vous pouvez passer en magasin et récupérer votre commande dans <span style="font-weight:bold">2 heures* (heures d’ouverture):</span></p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">
<span style="font-weight:bold;">Lundi au Mercredi:</span> 10h - 19h<br/>
<span style="font-weight:bold">Jeudi au Vendredi:</span> 10h - 21h<br/>
<span style="font-weight:bold">Samedi au Dimanche:</span> 10h - 18h<br/>
</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;"><span style="font-weight: bold;">Une pièce d’identité vous sera demandée en boutique.</span></p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">Si vous souhaitez qu’une autre personne soit autorisée à récupérer la commande à votre place, veuillez nous en aviser au préalable.</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">*Toute commande passée durant la nuit, ou moins de deux heures (2h) avant la fermeture de nos boutiques, <span style="font-weight:bold;">sera prête pour la cueillette en boutique le lendemain à partir de 10h.</span> Nous nous réservons un délai d’une heure (1h, heure d’ouverture) pour vous contacter en cas de problème avec votre commande.</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">Merci d'avoir magasiné chez www.1861.ca!</p>
</th>
</tr>
<!-- END SECTION: French Details -->
<!-- BEGIN SECTION: Divider -->
<tr id="section-1488909" class="section divider">
<th style="mso-line-height-rule: exactly; color: #4b4b4b; padding: 26px 52px;" bgcolor="#f8edea">
<table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation" style="color: #4b4b4b;" bgcolor="#f8edea">
<tr style="color: #4b4b4b;" bgcolor="#f8edea">
<th style="mso-line-height-rule: exactly; border-top-width: 1px; border-top-color: #cccccc; border-top-style: solid; color: #4b4b4b;" bgcolor="#f8edea" valign="top">
</th>
</tr>
</table>
</th>
</tr>
<!-- END SECTION: Divider -->
<!-- BEGIN SECTION: English Heading -->
<tr id="section-1488489" class="section heading">
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation">
<tr>
<th style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top">
<h1 data-key="1488489_heading" style="font-family: Georgia,serif,'Old Standard TT'; font-size: 28px; line-height: 46px; font-weight: 700; color: #4b4b4b; text-transform: none; Margin: 0;">Order Confirmation</h1>
</th>
</tr>
</table>
</th>
</tr>
<!-- END SECTION: English Heading -->
<!-- START SECTION: English details -->
<tr>
<th style="mso-line-height-rule: exactly; padding: 8px 32px;" bgcolor="#f8edea">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">This email is simply to confirm that you have placed an order with us and have chosen the <span style="font-weight:bold;">Store Pick-up option</span>. our order will be ready to be picked up in <span style="font-weight:bold">2 business hours*:</span></p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">
<span style="font-weight:bold;">Monday to Wednesday:</span> 10am - 7pm<br/>
<span style="font-weight:bold">Thursday to Friday:</span> 10am - 9pm<br/>
<span style="font-weight:bold">Saturday to Sunday:</span> 10am - 6pm<br/>
</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;"><span style="font-weight: bold;">A proof of identification will be required in store.</span></p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">If you wish to have another person authorized to pick up your order, please notify us in advance.</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">*All orders placed during the night, or less than two hours (2h) before closing time, <span style="font-weight: bold;">will be ready for pick-up on the next day, starting 10am</span>. We reserve ourselves a delay of one business hour (1h) to contact you if there is any issue with your order.</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">Thank you for shopping at www.1861.ca!</p>
</th>
</tr>
<!-- END SECTION: English Details -->
{% else %}
<!-- BEGIN SECTION: Shipping Section -->
<tr id="section-1488490" class="section introduction">
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
{% if customer.first_name != blank or billing_address.first_name != blank %}
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0 0 13px;" align="center">
<span data-key="1488490_greeting_text" style="text-align: center; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">
Bonjour
</span>
{{ customer.first_name | default: billing_address.first_name | titleize }},
</p>
{% endif %}
{% if custom_message != blank %}
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">{{ custom_message }}</p>
{% endif %}
<p data-key="1488490_introduction_text" class="text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">
</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">This email is simply to confirm that you have placed an order with us. We will send a shipping confirmation with your tracking number once your parcel is ready to leave our facilities.<p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">Ce courriel confirme que nous avons reçu votre commande en ligne. Nous vous enverrons une confirmation d'envoi avec votre numéro de suivi une fois que votre colis sera prêt à quitter nos locaux.</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 6px 0;" align="center"><br>
</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">Thank you for shopping at www.1861.ca!</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0;" align="center">Merci d'avoir magasin&#233; chez www.1861.ca!</p>
</th>
</tr>
{% endif %}
<!-- END SECTION: Shipping Description -->
<!-- BEGIN SECTION: Order Number And Date -->
<tr id="section-1488493" class="section order_number_and_date">
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<h2 style="font-family: Georgia,serif,'Old Standard TT'; color: #4b4b4b; font-size: 20px; line-height: 26px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; Margin: 0;" align="center">
<span data-key="1488493_order_number">Order No.</span> {{ name }}
</h2>
<p class="muted" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 13px; line-height: 26px; font-weight: normal; color: #585858; Margin: 0;" align="center">{{ created_at | date: "%d/%m/%Y" }}</p>
</th>
</tr>
<!-- END SECTION: Order Number And Date -->
{% if attributes.Checkout-Method != 'pickup' %}
<!-- BEGIN SECTION: Order Status Button -->
<tr id="section-1497559" class="section order_status_button">
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<th class="sides column_text_before_button" data-key="1497559_text_before_button" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; padding-bottom: 13px;" align="center" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="center">Your order details are below and if you would like to view the status of your order or make any changes to it, please click the button below:</p>
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 13px 0 0;" align="center">Les d&#233;tails de votre commande sont indiqu&#233;s ci-dessous. Si vous souhaitez voir le statut de votre commande ou apporter des modifications &#224; celle-ci, cliquez sur le bouton ci-dessous:</p>
</th>
</tr>
<!-- Button : BEGIN -->
<tr>
<th class="sides column_button button3" style="mso-line-height-rule: exactly; Margin: 0; padding: 13px 0;" align="center" bgcolor="#f8edea" valign="top">
<table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="text-align: center; Margin: 0 auto;" bgcolor="#f8edea">
<tr>
<th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 30px;" align="center" bgcolor="#dfb2ab" valign="top">
<a class="button-link" href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/button/view-order-status?url={% capture oe_uri %}{{order_status_url}}{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #ffffff !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; border-radius: 30px; line-height: 15px; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; text-transform: uppercase; text-align: center; display: block; background-color: #dfb2ab; padding: 1px 20px; border: 15px solid #dfb2ab;"><span style="line-height: 15px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span data-key="1497559_text_on_button" style="line-height: 15px; color: #ffffff; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">View Order Status</span><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a>
</th>
</tr>
</table>
</th>
</tr>
<!-- Button : END -->
</table>
</th>
</tr>
{% endif %}
<!-- END SECTION: Order Status Button -->
<!-- BEGIN SECTION: Customer And Shipping Address -->
<tr id="section-1488496" class="section customer_and_shipping_address">
<!-- BEGIN : 2 COLUMNS : BILL_TO -->
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
<tr>
<!-- BEGIN : Column 1 of 2 : BILL_TO -->
<th width="50%" class="column_1_of_2 column_bill_to " style="mso-line-height-rule: exactly;" align="left" bgcolor="#f8edea" valign="top">
<table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
<tr>
<th style="mso-line-height-rule: exactly; padding-right: 5%;" align="left" bgcolor="#f8edea" valign="top">
<h3 data-key="1488496_bill_to" style="font-family: Georgia,serif,'Old Standard TT'; color: #585858; font-size: 16px; line-height: 52px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; Margin: 0;" align="left">Customer</h3>
</th>
</tr>
<tr>
<th class="billing_address " style="mso-line-height-rule: exactly; padding-right: 5%;" align="left" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="left">{% if billing_address != blank %}{% if billing_address.company != blank %}{{ billing_address.company }}<br>
{% endif %}{{ billing_address.name }}<br>
{{ billing_address.address1 }}<br>
{% if billing_address.address2 != blank %}{{ billing_address.address2 }}<br>
{% endif %}{{ billing_address.city }}, {% if billing_address.province_code != blank %}{{ billing_address.province_code }}{% else %}{{ billing_address.province }}{% endif %} {{ billing_address.zip | upcase }}<br>
{{ billing_address.country }}<br>
{% if shipping_address.phone != blank %}<span data-key="1488496_tel" style="text-align: center; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: center; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400;">{{ billing_address.phone }}</span><br>
{% endif %}{% elsif customer != blank and customer.default_address != blank %}{% if customer.default_address.company != blank %}{{ customer.default_address.company }}<br>
{% endif %}{{ customer.default_address.name }}<br>
{{ customer.default_address.address1 }}<br>
{% if customer.default_address.address2 != blank %}{{ customer.default_address.address2 }}<br>
{% endif %}{{ customer.default_address.city }}, {% if customer.default_address.province_code != blank %}{{ customer.default_address.province_code }}{% else %}{{ customer.default_address.province }}{% endif %} {{ customer.default_address.zip | upcase }}<br>
{{ customer.default_address.country }}<br>
{% if customer.default_address.phone != blank %}<span style="color: inherit !important; text-decoration: none !important; text-align: center; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400;">{{ customer.default_address.phone }}</span><br>
{% endif %}{% elsif customer != blank %}{% if customer.name != blank %}{{ customer.name }}<br>
{% endif %}{% endif %}</p>
</th>
</tr>
</table>
</th>
<!-- END : Column 1 of 2 : BILL_TO -->
<!-- BEGIN : Column 2 of 2 : SHIP_TO -->
<th width="50%" class="column_2_of_2 column_ship_to " style="mso-line-height-rule: exactly;" align="right" bgcolor="#f8edea" valign="top">
{% if attributes.Checkout-Method != 'pickup' %}
<table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%;" role="presentation">
{% if shipping_address != blank %}
<tr>
<th style="mso-line-height-rule: exactly; padding-left: 5%;" align="right" bgcolor="#f8edea" valign="top">
<h3 data-key="1488496_ship_to" style="font-family: Georgia,serif,'Old Standard TT'; color: #585858; font-size: 16px; line-height: 52px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; Margin: 0;" align="right">Shipping Address</h3>
</th>
</tr>
{% endif %}
<tr>
<th class="shipping_address " style="mso-line-height-rule: exactly; padding-left: 5%;" align="right" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="right">
{% if shipping_address and shipping_address != "" and shipping_address != nil %}{% if shipping_address.company != blank %}{{ shipping_address.company }}<br>
{% endif %}{{ shipping_address.name }}<br>
{{ shipping_address.address1 }}<br>
{% if shipping_address.address2 != blank %}{{ shipping_address.address2 }}<br>
{% endif %}{{ shipping_address.city }}, {% if shipping_address.province_code != blank %}{{ shipping_address.province_code }}{% else %}{{ shipping_address.province }}{% endif %} {{ shipping_address.zip | upcase }}<br>
{{ shipping_address.country }}{% endif %}</p>
</th>
</tr>
</table>
{% endif %}
</th>
<!-- END : Column 2 of 2 : SHIP_TO -->
</tr>
</table>
</th>
<!-- END : 2 COLUMNS : SHIP_TO -->
</tr>
<!-- END SECTION: Customer And Shipping Address -->
<!-- BEGIN SECTION: Closing Text -->
<tr id="section-1488499" class="section closing_text">
<th data-key="1488499_closing_text" class="text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; padding: 13px 52px;" align="center" bgcolor="#f8edea">
Have questions about our return policy? Click <a href="https://1861.ca/pages/return-policy-english" style="color: #dfb2ab; text-decoration: none !important; text-underline: none; word-wrap: break-word;">here</a> to learn more.<br>
Don't hesitate to contact us by calling 5149031861 or emailing&#160;<a href="mailto:info@boutique1861.com" style="color: #dfb2ab; text-decoration: none !important; text-underline: none; word-wrap: break-word;">info@boutique1861.com</a> if you have any other questions or concerns. <br>
<br>
Si vous avez la moindre question concernant nos politiques de retour ou de remboursement, <a href="https://1861.ca/pages/return-policy-french" style="color: #dfb2ab; text-decoration: none !important; text-underline: none; word-wrap: break-word;">cliquez ici.</a><br>
Si vous avez d'autres questions n'h&#233;sitez pas &#224; nous contacter par t&#233;l&#233;phone au 5149031861 ou par courriel &#224; <a href="mailto:info@boutique1861.com" style="color: #dfb2ab; text-decoration: none !important; text-underline: none; word-wrap: break-word;">info@boutique1861.com</a>.
</th>
</tr>
<!-- END SECTION: Closing Text -->
<!-- BEGIN SECTION: Products With Pricing -->
<tr id="section-1488494" class="section products_with_pricing">
{% if line_items != blank %}
<!-- Bold 1 -->
{% assign hidden_variant_ids = "" %}
{% for line_item in line_items %}
{% if line_item.properties._boldVariantIds %}
{% assign hidden_variant_ids = hidden_variant_ids | append: ',' %}
{% assign hidden_variant_ids = hidden_variant_ids | append: line_item.properties._boldVariantIds %}
{% endif %}
{% endfor %}
{% assign hidden_variant_ids = hidden_variant_ids | split: ',' %}
<!-- end Bold 1 -->
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<table class="table-inner" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
<tr>
<th class="product-table" style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
<tr>
<th colspan="2" class="product-table-h3-wrapper" style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top">
<h3 data-key="1488494_item" style="font-family: Georgia,serif,'Old Standard TT'; color: #585858; font-size: 16px; line-height: 52px; font-weight: 400; text-transform: uppercase; border-bottom-width: 1px; border-bottom-color: #cccccc; border-bottom-style: solid; letter-spacing: 1px; Margin: 0;" align="left">Items ordered</h3>
</th>
</tr>
{% for line_item in line_items %}
<!-- Bold 2 -->
{% if hidden_variant_ids contains line_item.variant_id %}{% continue %}{% endif %}
{% assign adjusted_item_price = line_item.price %}
{% assign adjusted_line_price = line_item.line_price %}
{% for line_item2 in line_items %}
{% if line_item.properties._boldVariantIds contains line_item2.variant_id %}
{% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}
{% assign adjusted_line_option_price = line_item2.price | times: line_item.quantity %}
{% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}
{% endif %}
{% endfor %}
<!-- end Bold 2 -->
<tr class="row-border-bottom">
<th class="table-stack product-image-wrapper stack-column-center" width="1" style="mso-line-height-rule: exactly; border-bottom-width: 1px; border-bottom-color: #cccccc; border-bottom-style: solid; padding: 13px 13px 13px 0;" bgcolor="#f8edea" valign="middle">{% if line_item.image != blank %}<img width="105" class="product-image" src="{{ line_item | img_url: '105x@2x' }}" alt="Product Image" style="vertical-align: middle; text-align: center; width: 105px; max-width: 105px; height: auto !important; border-radius: 5px; padding: 0px;">
{% endif %}</th>
<th class="product-details-wrapper table-stack stack-column" style="mso-line-height-rule: exactly; padding-top: 13px; padding-bottom: 13px; border-bottom-width: 1px; border-bottom-color: #cccccc; border-bottom-style: solid;" bgcolor="#f8edea" valign="middle">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
<tr>
{% assign lines = line_item.title | split: " - " %}
<th class="line-item-description" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; padding: 13px 6px 13px 0;" align="left" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="left">
<a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/product/link?url={% capture oe_uri %}https://{{shop.domain}}{{line_item.product.url}}{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #585858; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: bold;">
{{ lines[0] }}
</a>
<br>
<span class="muted" style="text-align: center; font-family: Georgia,serif,'Old Standard TT'; font-size: 13px; line-height: 26px; font-weight: normal; color: #585858; word-break: break-all;">{% for line in lines %}
{% if line != lines.first and line != "Default Title" and line != blank %}{{ line }}{% if line != lines.last%} - {% endif %}
{% endif %}{% endfor %}</span>
</p>
</th>
{% if line_item.original_price != adjusted_item_price %}
<th class="right line-item-price" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 13px 0px 13px 6px;" align="right" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="right">
{{ adjusted_item_price | money_without_currency }}<br>
<span class="muted" style="text-align: center; font-family: Georgia,serif,'Old Standard TT'; font-size: 13px; line-height: 26px; font-weight: normal; color: #585858;"><s class="muted">{{ line_item.original_price | money_without_currency }}</s></span>
</p>
</th>
{% elsif line_item.quantity != 1 %}
<th class="right line-item-price" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 13px 0px 13px 6px;" align="right" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="right">
{{ adjusted_item_price | money_without_currency }}
</p>
</th>
{% else %}
<th style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top"></th>
{% endif %}
<th class="right line-item-qty" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 13px 0 13px 13px;" align="right" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="right">
&#215;&#160;{{ line_item.quantity }}
</p>
</th>
<th class="right line-item-line-price" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 13px 0 13px 26px;" align="right" bgcolor="#f8edea" valign="top">
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; Margin: 0;" align="right">
{{ adjusted_line_price | money }}
</p>
</th>
</tr>
</table>
</th>
</tr>
{% unless forloop.last %}
<tr>
<th colspan="2" class="product-empty-row" style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top"></th>
</tr>
{% endunless %}
{% endfor %}
</table>
</th>
</tr>
<tr>
<th class="pricing-table" style="mso-line-height-rule: exactly; padding: 13px 0;" bgcolor="#f8edea" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
{% for discount in discounts %}
<tr>
<th class="table-title" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">
<span data-key="1488494_discount" style="font-weight: bold;">Discount</span>{% if discount.code != 'Discount'%} ({{ discount.code }}){% endif %}</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 6px 0;" align="right" bgcolor="#f8edea" valign="middle">-{{ discount.amount | money }}</th>
</tr>
{% endfor %}
<tr>
<th class="table-title" data-key="1488494_subtotal" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">Subtotal</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 6px 0;" align="right" bgcolor="#f8edea" valign="middle">{{ subtotal_price | money }}</th>
</tr>
{% if shipping_method.title != blank &amp;&amp; shipping_method.price != 0 %}
<tr>
<th class="table-title" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">{{ shipping_method.title }}</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 6px 0;" align="right" bgcolor="#f8edea" valign="middle">{{ shipping_method.price | default: 0 | money }}</th>
</tr>
{% endif %}
{% for tax_line in tax_lines %}
<tr>
<th class="table-title" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">{{ tax_line.title }} ({{ tax_line.rate | times: 100}}%)</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 6px 0;" align="right" bgcolor="#f8edea" valign="middle">{{ tax_line.price | money }}</th>
</tr>
{% endfor %}
<tr class="pricing-table-total-row">
<th class="table-title" data-key="1488494_total" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">Total</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 6px 0;" align="right" bgcolor="#f8edea" valign="middle">{{ total_price | money }}</th>
</tr>
{% assign total_paid = 0.00 %}
{% assign total_refunds = 0.00 %}
{% for transaction in transactions %}
{% assign kind = transaction.kind %}
{% assign status = transaction.status %}
{% if status == "success" %}
{% if kind == "sale" or kind == "capture" %}
{% assign total_paid = total_paid | plus: transaction.amount %}
{% elsif kind == 'change' %}
{% assign total_paid = total_paid | minus: transaction.amount %}
{% elsif kind == 'refund' %}
{% assign total_refunds = total_refunds | plus: transaction.amount %}
{% assign total_paid = total_paid | minus: transaction.amount %}
{% endif %}
{% endif %}
{% endfor %}
{% assign total_outstanding = total_price | minus: total_paid | minus: total_refunds %}
{% if total_refunds != 0.00 %}
<tr>
<th class="table-title" data-key="1488494_refund" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">Refund</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 6px 0;" align="right" bgcolor="#f8edea" valign="middle">-{{ total_refunds | money }}</th>
</tr>
{% endif %}
</table>
</th>
</tr>
</table>
</th>
{% endif %}
</tr>
<!-- END SECTION: Products With Pricing -->
<!-- BEGIN SECTION: Payment Info -->
<tr id="section-1488495" class="section payment_info">
<th style="mso-line-height-rule: exactly; padding: 13px 52px;" bgcolor="#f8edea">
<table class="table-inner" cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">
<!-- PAYMENT INFO -->
{% assign transaction_size = 0 %}
{% assign pending_gateway = "" %}
{% for transaction in transactions %}
{% if transaction.kind == "capture" or transaction.kind == "void" or kind == "emv_authorization" or transaction.status == "failure" %}
{% continue %}
{% endif %}
{% assign transaction_size = transaction_size | plus: 1 %}
{% endfor %}
{% if transaction_size &gt; 0 %}
<tr>
<th colspan="2" style="mso-line-height-rule: exactly;" bgcolor="#f8edea" valign="top">
<h3 data-key="1488495_payment_info" style="font-family: Georgia,serif,'Old Standard TT'; color: #585858; font-size: 16px; line-height: 52px; font-weight: 400; text-transform: uppercase; border-bottom-width: 0; border-bottom-color: #cccccc; border-bottom-style: solid; letter-spacing: 1px; Margin: 0;" align="left">Payment Info</h3>
</th>
</tr>
{% for transaction in transactions %}
{% assign card = null %}
{% assign kind = transaction.kind %}
{% assign status = transaction.status %}
{% assign gateway = transaction.gateway %}
{% if kind == "capture" or kind == "void" or kind == "emv_authorization" or status == "failure" or gateway == pending_gateway %}
{% continue %}
{% endif %}
{% if status == "pending" %}
{% assign pending_gateway = gateway %}
{% endif %}
{% if gateway == 'shopify_payments' %}
{% assign payment = transaction.payment_details.credit_card_company %}
{% assign card = transaction.payment_details.credit_card_number %}
{% else %}
{% case gateway %}
{% when 'external-credit'%}
{% assign payment = transaction.payment_details.credit_card_company %}
{% assign card = transaction.payment_details.credit_card_number %}
{% when 'external-debit' %}
{% assign payment = 'Debit' %}
{% when 'f&#229;_f&#246;rst_betala_sen_smidigare_kan_det_inte_bli_' %}
{% assign payment = 'F&#229; f&#246;rst. Betala sen. Klarna'%}
{% when 'dela_upp_betala_lite_varje_m&#229;nad_' %}
{% assign payment = 'Dela upp. Klarna'%}
{% when 'bogus' %}
{% assign payment = 'Visa' %}
{% assign card = transaction.payment_details.credit_card_number %}
{% else %}
{% if transaction.payment_details != blank and transaction.payment_details.credit_card_company != blank %}
{% assign payment = transaction.payment_details.credit_card_company %}
{% assign card = transaction.payment_details.credit_card_number %}
{% else %}
{% assign payment = gateway %}
{% endif %}
{% endcase %}
{% endif %}
<!-- PAYMENT METHOD IMAGE -->
{% assign transaction_img = '' %}
{% assign paymentTypeLower = payment | downcase %}
{% if paymentTypeLower == 'store-credit' %}
{% assign transaction_img = 'mobile-receipt-storecredit.png' %}
{% elsif paymentTypeLower == 'visa' %}
{% assign transaction_img = 'mobile-receipt-visa.png' %}
{% elsif paymentTypeLower == 'mastercard' %}
{% assign transaction_img = 'mobile-receipt-mastercard.png' %}
{% elsif paymentTypeLower == 'amex' or paymentTypeLower == 'american express' %}
{% assign transaction_img = 'mobile-receipt-amex.png' %}
{% elsif paymentTypeLower == 'discover' %}
{% assign transaction_img = 'mobile-receipt-discover.png' %}
{% elsif paymentTypeLower == 'diners-club' or paymentTypeLower == 'diners club' %}
{% assign transaction_img = 'mobile-receipt-dinersclub.png' %}
{% elsif paymentTypeLower == 'jcb' %}
{% assign transaction_img = 'mobile-receipt-jcb.png' %}
{% elsif paymentTypeLower == 'debit' %}
{% assign transaction_img = 'mobile-receipt-debit.png' %}
{% elsif paymentTypeLower == 'gift_card' %}
{% assign transaction_img = 'mobile-receipt-giftcard.png' %}
{% elsif paymentTypeLower == 'cash' %}
{% assign transaction_img = 'mobile-receipt-cash.png' %}
{% elsif paymentTypeLower == 'paypal' %}
{% assign transaction_img = 'mobile-receipt-paypal.png' %}
{% elsif paymentTypeLower == 'f&#229; f&#246;rst. betala sen. klarna' %}
{% assign transaction_img = 'mobile-receipt-klarna-pay-later.png' %}
{% elsif paymentTypeLower == 'dela upp. klarna' %}
{% assign transaction_img = 'mobile-receipt-klarna-slice-it.png' %}
{% elsif paymentTypeLower == 'mondido_payments' %}
{% assign transaction_img = 'mobile-receipt-mondido-payments.png' %}
{% elsif paymentTypeLower == 'bogus' %}
{% assign transaction_img = 'mobile-receipt-bogus.png' %}
{% else %}
{% assign transaction_img = 'mobile-receipt-cash.png' %}
{% endif %}
<tr>
<th class="table-title" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; width: 65%; padding: 6px 0;" align="left" bgcolor="#f8edea" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%; font-weight: bold;" role="presentation">
<tr style="font-weight: bold;">
<th width="40" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; padding: 8px 10px 8px 0;" align="left" bgcolor="#f8edea" valign="middle">
{% if transaction_img != '' %}<img width="40" style="width: 40px; vertical-align: middle; height: auto !important; font-weight: bold;" alt="{{ payment }} Icon" src="https://orderlyemails.com/{{ transaction_img }}">{% endif %}
</th>
<th style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: bold; color: #585858; padding: 8px 0;" align="left" bgcolor="#f8edea" valign="middle">
{% if kind == 'change' %}
Change
{% else %}
{{ payment | replace: "_", " " | capitalize }}
{% endif %}
{% if card %}
<span class="table-muted" style="font-size: 13px; font-weight: bold; color: #585858; font-family: Georgia,serif,'Old Standard TT';"> ({{ card | replace: " ", "" | replace: "&#8226;", "" }})</span>
{% endif %}
</th>
</tr>
</table>
</th>
<th class="table-text" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 400; color: #585858; width: 35%; padding: 13px 0;" align="right" bgcolor="#f8edea" valign="middle">
{% if kind == 'refund' %}-{% endif%}{{ transaction.amount | money }}
</th>
</tr>
{% endfor %}
{% endif %}
</table>
</th>
</tr>
<!-- END SECTION: Payment Info -->
<tr data-id="link-list">
<td class="menu_bar menu_bar_6" style="mso-line-height-rule: exactly; padding: 26px 0;" bgcolor="#f8edea">
<table class="table_menu_bar" border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<th class="menu_bar_item first" style="width: 33%; mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; line-height: 26px; text-transform: uppercase; color: #585858; border-right-color: #cccccc; border-right-style: solid; border-left-color: #cccccc; border-left-style: none; letter-spacing: 1px; border: 0;" align="center" bgcolor="#f8edea">
<a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/site-link/new-items?url={% capture oe_uri %}http://1861.ca{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #585858; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; line-height: 26px; text-transform: uppercase; letter-spacing: 1px;">
new items!
</a>
</th>
<th class="menu_bar_item" style="width: 33%; mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; line-height: 26px; text-transform: uppercase; color: #585858; border-right-color: #cccccc; border-right-style: solid; border-left-color: #cccccc; border-left-style: solid; letter-spacing: 1px; border: 0;" align="center" bgcolor="#f8edea">
<a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/site-link/about?url={% capture oe_uri %}https://1861.ca/pages/once-upon-a-time{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #585858; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; line-height: 26px; text-transform: uppercase; letter-spacing: 1px;">
About
</a>
</th>
<th class="menu_bar_item last" style="width: 33%; mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; line-height: 26px; text-transform: uppercase; color: #585858; border-right-color: #cccccc; border-right-style: none; border-left-color: #cccccc; border-left-style: solid; letter-spacing: 1px; border: 0;" align="center" bgcolor="#f8edea">
<a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/site-link/contact?url={% capture oe_uri %}https://1861.ca/pages/our-boutiques{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #585858; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; font-weight: 400; line-height: 26px; text-transform: uppercase; letter-spacing: 1px;">
Contact
</a>
</th>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END : SECTION : MAIN -->
<!-- BEGIN : SECTION : FOOTER -->
<table class="section_wrapper footer" data-id="footer" id="section-footer" border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation" bgcolor="#dfb2ab">
<tr>
<td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding: 0 52px;" bgcolor="#dfb2ab">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
<!-- BEGIN : 2 COLUMNS : SOCIAL_BLOCK -->
<th style="mso-line-height-rule: exactly;" bgcolor="#dfb2ab">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation">
<tr>
<!-- BEGIN : Column 1 of 2 : SOCIAL_BLOCK -->
<th width="50%" class="column_1_of_2 column_social_block " style="mso-line-height-rule: exactly; padding-top: 26px; padding-bottom: 26px; border-top-width: 1px; border-top-color: #cccccc; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #cccccc; border-bottom-style: solid; border-right-width: 1px; border-right-color: #cccccc; border-right-style: solid;" align="center" bgcolor="#dfb2ab" valign="top">
<table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%; text-align: center;" role="presentation">
<!-- Social heading : BEGIN -->
<tr style="" align="center">
<th class="column_footer_title " width="100%" style="mso-line-height-rule: exactly; padding-right: 5%; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 700; color: #f8edea; text-transform: none;" align="center" bgcolor="#dfb2ab" valign="top">
<p data-key="section_footer_title" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 700; color: #f8edea; text-transform: none; Margin: 0 0 13px;" align="center">New items everydays! </p>
</th>
</tr>
<!-- Social heading : END -->
<!-- Store Address : BEGIN -->
<tr style="" align="center">
<th class="column_shop_social_icons " width="100%" style="mso-line-height-rule: exactly; padding-right: 5%;" align="center" bgcolor="#dfb2ab" valign="top">
<a class="social-link" href="https://www.facebook.com/boutique1861" target="_blank" title="Facebook" style="color: #f8edea; text-decoration: none !important; text-underline: none; font-size: 15px; text-align: center;">
<img width="32" class="social-icons" alt="Facebook" src="https://orderlyemails.com/facebook_6.png" style="width: 32px; height: auto !important; vertical-align: middle; text-align: center; padding: 6px 6px 0 0px;">
</a>
<a class="social-link" href="https://twitter.com/boutique1861?lang=fr" target="_blank" title="Twitter" style="color: #f8edea; text-decoration: none !important; text-underline: none; font-size: 15px; text-align: center;">
<img width="32" class="social-icons" alt="Twitter" src="https://orderlyemails.com/twitter_6.png" style="width: 32px; height: auto !important; vertical-align: middle; text-align: center; padding: 6px 6px 0;">
</a>
<a class="social-link" href="https://www.instagram.com/boutique1861/" target="_blank" title="Instagram" style="color: #f8edea; text-decoration: none !important; text-underline: none; font-size: 15px; text-align: center;">
<img width="32" class="social-icons" alt="Instagram" src="https://orderlyemails.com/instagram_6.png" style="width: 32px; height: auto !important; vertical-align: middle; text-align: center; padding: 6px 6px 0;">
</a>
<a class="social-link" href="https://www.pinterest.ca/boutique1861/pins/" target="_blank" title="Pinterest" style="color: #f8edea; text-decoration: none !important; text-underline: none; font-size: 15px; text-align: center;">
<img width="32" class="social-icons" alt="Pinterest" src="https://orderlyemails.com/pinterest_6.png" style="width: 32px; height: auto !important; vertical-align: middle; text-align: center; padding: 6px 0px 0 6px;">
</a>
</th>
</tr>
</table>
</th>
<!-- END : Column 1 of 2 : SOCIAL_BLOCK -->
<!-- BEGIN : Column 2 of 2 : SHOP_BLOCK -->
<th width="50%" class="column_2_of_2 column_shop_block " style="mso-line-height-rule: exactly; padding-top: 26px; padding-bottom: 26px; border-top-width: 1px; border-top-color: #cccccc; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #cccccc; border-bottom-style: solid;" align="center" bgcolor="#dfb2ab" valign="top">
<table align="center" border="0" width="100%" cellpadding="0" cellspacing="0" style="min-width: 100%; text-align: center;" role="presentation">
<!-- Store Address : BEGIN -->
<tr style="" align="center">
<th class="column_shop_block2 " data-key="section_shop_block2" width="100%" style="mso-line-height-rule: exactly; padding-left: 5%; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 700; color: #f8edea; text-transform: none;" align="center" bgcolor="#dfb2ab" valign="top">
Boutique 1861 <br style="text-align: center;">
3660 boul. St-Laurent<br style="text-align: center;">
Montreal, Qu&#233;bec Canada
<p style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 700; color: #f8edea; text-transform: none; Margin: 0;" align="center">H2X 2V4</p>
<br style="text-align: center;">
Copyright &#169; {{ 'now' | date: '%Y' }}
</th>
</tr>
<!-- Store Address : END -->
</table>
</th>
<!-- END : Column 2 of 2 : SHOP_BLOCK -->
</tr>
</table>
</th>
<!-- END : 2 COLUMNS : SHOP_BLOCK -->
<tr>
<th data-id="store-info" style="mso-line-height-rule: exactly;" bgcolor="#dfb2ab">
<table border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<!-- Store Website : BEGIN -->
<tr>
<th class="column_shop_block1 " width="100%" style="mso-line-height-rule: exactly; font-family: Georgia,serif,'Old Standard TT'; font-size: 15px; line-height: 26px; font-weight: 700; color: #f8edea; text-transform: none; padding-bottom: 13px; padding-top: 26px;" align="center" bgcolor="#dfb2ab">
<a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/footer-website-link/link?url={% capture oe_uri %}{{shop.url}}{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" data-key="section_shop_block1" style="color: #f8edea; text-decoration: none !important; text-underline: none; font-size: 15px; font-weight: 700; text-transform: none;">1861.ca</a>
</th>
</tr>
<!-- Store Website : END -->
</table>
</th>
</tr>
<tr>
<th height="1" border="0" style="height: 1px; line-height: 1px; font-size: 1px; mso-line-height-rule: exactly; padding: 0;" bgcolor="#dfb2ab">
<img id="open-image" src="https://{{ shop.domain }}/tools/emails/open/order-confirmation/1" alt="" width="1" height="1" border="0">
</th>
</tr>
</table>
</td>
</tr>
</table>
<!-- END : SECTION : FOOTER -->
</th>
</tr>
</table>
</center>
</th>
</tr>
</tbody>
</table>
<!-- END : CONTAINER -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment