The only fan coil controller that doesn't waste your commissioning time

<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: #0c0c09; text-decoration: none !important; } .header a { color: #a7a7a7; text-decoration: none; text-underline: none; } .main a { color: #0c0c09; 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: #777777; text-decoration: none; text-underline: none; word-wrap: break-word; } .footer a { color: #ffffff; 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*="Trebuchet MS"] { font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; } [style*="Trebuchet MS"] { font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; } [style*="Trebuchet MS"] { font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; } [style*="Trebuchet MS"] { font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; } td.menu_bar_1 a:hover, td.menu_bar_6 a:hover { color: #0c0c09 !important; } th.related_product_wrapper.first { border-right: 11px solid #ffffff; padding-right: 5px; } th.related_product_wrapper.last { border-left: 11px solid #ffffff; padding-left: 5px; } </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=" 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: 11px 22px 11px 22px !important; } .section.divider > th { padding: 22px 22px !important; } .main .section:first-child > th, .main .section:first-child > td { padding-top: 22px !important; } .main .section:nth-last-child(2) > th, .main .section:nth-last-child(2) > td { padding-bottom: 44px !important; } .section.recommended_products > th, .section.discount > th { padding: 22px 22px !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: 22px !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 11px !important; } /* Adjust product images */ th.table-stack { padding: 0 !important; } th.product-image-wrapper { padding: 22px 0 11px 0 !important; } img.product-image { width: 240px !important; max-width: 240px !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: 11px !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) { .section > th { padding: 11px 22px !important; } .section.discount > th, .section.divider > th, .section.recommended_products > th { padding-right: 22px !important; padding-left: 22px !important; } .column_logo, .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 !important; text-align: center !important; } th.column_1_of_2 th, th.column_2_of_2 th, th.column_1_of_2 th *, th.column_2_of_2 th * { text-align: left !important; } .column_1_of_2.column_order_number, .column_2_of_2.column_date { display: table-cell !important; width: 50% !important; min-width: 50% !important; direction: initial !important; box-sizing: content-box !important; text-align: initial !important; } .subtitle.title, .subtitle.related_products_title, .subtitle.discount_title { text-align: center !important; } table.button { width: 100% !important; } th.order-table-title { text-align: center !important; } th.column_text_after_button { padding-right: 22px !important; padding-left: 22px !important; } .column_products th { vertical-align: top !important; } } </style></head><body class="body" id="body" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#f8f8f8" 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;">Thank you for your purchase, this email confirms your order. We will send you another email as soon as it ships.</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="#f8f8f8"> <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="#e40521"> <tr> <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding-top: 22px; padding-bottom: 22px;" bgcolor="#e40521"> <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: 0; padding-bottom: 0;" align="center" bgcolor="#e40521"><!-- 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: #a7a7a7; text-decoration: none !important; text-underline: none;" rel="noopener noreferrer"> <img src="https://d1oo2t5460ftwl.cloudfront.net/api/file/jfZxsphFSBOuIBGqUcU6/convert?fit=max&amp;w=320" class="logo " width="160" border="0" style="width: 160px; 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="#ffffff"> <tr> <td class="section_wrapper_th" style="mso-line-height-rule: exactly;" bgcolor="#ffffff"> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" id="mixContainer" role="presentation"><!-- BEGIN SECTION: Heading --> <tr id="section-1795195" class="section heading"> <th style="mso-line-height-rule: exactly; padding: 33px 44px 11px;" bgcolor="#ffffff"> <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation"> <tr> <th style="mso-line-height-rule: exactly;" bgcolor="#ffffff" valign="top"> <h1 data-key="1795195_heading" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 25px; line-height: 38px; font-weight: 400; color: #1a1a1a; text-transform: none; Margin: 0;">Order Confirmation</h1> </th> </tr> </table> </th> </tr> <!-- END SECTION: Heading --> <!-- BEGIN SECTION: Divider --> <tr id="section-1795196" class="section divider"> <th style="mso-line-height-rule: exactly; padding: 22px 8%;" bgcolor="#ffffff"> <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation"> <tr> <th style="mso-line-height-rule: exactly; border-top-width: 1px; border-top-color: #eeeeee; border-top-style: solid;" bgcolor="#ffffff" valign="top"></th> </tr> </table> </th> </tr> <!-- END SECTION: Divider --> <!-- BEGIN SECTION: Introduction --> <tr id="section-1795197" class="section introduction"> <th style="mso-line-height-rule: exactly; padding: 11px 44px;" bgcolor="#ffffff">{% if customer.name != blank or billing_address.name != blank %} <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 0 0 11px;" align="left"><span data-key="1795197_greeting_text" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777;"> Welcome </span> {{ customer.name | default: billing_address.name | titleize }},</p> {% endif %} {% if custom_message != blank %} <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 11px 0;" align="left">{{ custom_message }}</p> {% endif %} <p data-key="1795197_introduction_text" class="text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 11px 0;" align="left">Thank you for your purchase, this email confirms your order. We will send you another email as soon as it ships.</p> </th> </tr> <!-- END SECTION: Introduction --> <!-- BEGIN SECTION: Order Status Button --> <tr id="section-1795198" class="section order_status_button"> <th style="mso-line-height-rule: exactly; padding: 0 44px 11px;" bgcolor="#ffffff"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <th class="sides column_text_before_button" data-key="1795198_text_before_button" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; padding-bottom: 11px;" align="left" bgcolor="#ffffff" valign="top">You can follow the status of your order by clicking the button below:</th> </tr> <!-- Button : BEGIN --> <tr> <th class="sides column_button button6" style="mso-line-height-rule: exactly; Margin: 0; padding: 11px 0;" align="center" bgcolor="#ffffff" valign="top"> <table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="text-align: left; Margin: 0 auto;" bgcolor="#ffffff"> <tr> <th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 1px;" align="center" bgcolor="#ffffff" valign="top"><a class="button-link" href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/button/view-order-status-gt?url={% capture oe_uri %}{{order_status_url}}{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #1a1a1a !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; line-height: 15px; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; text-transform: none; text-align: center; display: block; background-color: #ffffff; border-radius: 1px; padding: 13px 33px; border: 2px solid #1a1a1a;" rel="noopener noreferrer"><span style="line-height: 15px; color: #1a1a1a; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!-- [if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span data-key="1795198_text_on_button" style="line-height: 15px; color: #1a1a1a; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">View Order Status &gt;</span><!-- [if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a></th> </tr> </table> </th> </tr> <!-- Button : END --></table> </th> </tr> <!-- END SECTION: Order Status Button --> <!-- BEGIN SECTION: Closing Text --> <tr id="section-1795199" class="section closing_text"> <th data-key="1795199_closing_text" class="text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; padding: 11px 44px;" align="left" bgcolor="#ffffff"><br /> <br /> Many thanks,<br /> The Innon Energy team</th> </tr> <!-- END SECTION: Closing Text --> <!-- BEGIN SECTION: Divider --> <tr id="section-1795200" class="section divider"> <th style="mso-line-height-rule: exactly; padding: 22px 8%;" bgcolor="#ffffff"> <table cellspacing="0" cellpadding="0" border="0" width="100%" role="presentation"> <tr> <th style="mso-line-height-rule: exactly; border-top-width: 1px; border-top-color: #eeeeee; border-top-style: solid;" bgcolor="#ffffff" valign="top"></th> </tr> </table> </th> </tr> <!-- END SECTION: Divider --> <!-- BEGIN SECTION: Order Number And Date --> <tr id="section-1795201" class="section order_number_and_date"> <th style="mso-line-height-rule: exactly; padding: 11px 44px;" bgcolor="#ffffff"> <h2 style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #1a1a1a; font-size: 25px; line-height: 34px; font-weight: 400; text-transform: none; Margin: 0;" align="left"><span data-key="1795201_order_number">Order No.</span> {{ name }}</h2> <p class="muted" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 13px; line-height: 22px; font-weight: normal; color: #999999; Margin: 0;" align="left">{{ created_at | date: "%d/%m/%Y" }}</p> </th> </tr> <!-- END SECTION: Order Number And Date --> <!-- BEGIN SECTION: Customer And Shipping Address --> <tr id="section-1795202" class="section customer_and_shipping_address"><!-- BEGIN : 2 COLUMNS : BILL_TO --> <th style="mso-line-height-rule: exactly; padding: 11px 44px;" bgcolor="#ffffff"> <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="#ffffff" 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="#ffffff" valign="top"> <h3 data-key="1795202_bill_to" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #1a1a1a; font-size: 23px; line-height: 34px; font-weight: 400; text-transform: none; 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="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; 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 %}<br /> {{ billing_address.zip | upcase }}<br /> {{ billing_address.country }}<br /> {% if shipping_address.phone != blank %}<span data-key="1795202_tel" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; 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 %}<br /> {{ 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: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400;">{{ customer.default_address.phone }}</span><br /> {% endif %}{% elsif customer != blank %}{% if customer.name != blank %}{{ customer.name }}<br /> {% endif %}{% endif %}<a href="mailto:{{ email }}" style="color: #0c0c09; text-decoration: none !important; text-underline: none; word-wrap: break-word;">{{ email }}</a></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="#ffffff" valign="top"> <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="#ffffff" valign="top"> <h3 data-key="1795202_ship_to" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #1a1a1a; font-size: 23px; line-height: 34px; font-weight: 400; text-transform: none; 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="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; 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 %}<br /> {{ shipping_address.zip | upcase }}<br /> {{ shipping_address.country }}<br /> {% if shipping_address.phone != blank %}<span data-key="1795202_tel" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777;">Tel.</span> <span style="color: inherit !important; text-decoration: none !important; text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400;">{{ shipping_address.phone }}</span><br /> {% endif %}{% endif %}</p> </th> </tr> </table> </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: Products With Pricing --> <tr id="section-1795203" 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: 11px 44px;" bgcolor="#ffffff"> <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="#ffffff" 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="#ffffff" valign="top"> <h3 data-key="1795203_item" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #1a1a1a; font-size: 23px; line-height: 34px; font-weight: 400; text-transform: none; border-bottom-width: 1px; border-bottom-color: #eeeeee; border-bottom-style: solid; 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 %} {% if id == 820982911946154508 %} {% assign adjusted_item_price = 1 %} {% assign adjusted_line_price = 1 %} {% else %} {% assign adjusted_item_price = line_item.price %} {% assign adjusted_line_price = line_item.line_price %} {% endif %} {% 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: #eeeeee; border-bottom-style: solid; padding: 11px 11px 11px 0;" bgcolor="#ffffff" valign="middle">{% if line_item.image != blank %}<img width="120" class="product-image" src="{{ line_item | img_url: '120x@2x' }}" alt="Product Image" style="vertical-align: middle; text-align: center; width: 120px; max-width: 120px; height: auto !important; border-radius: 0px; padding: 0px;" /> {% endif %}</th> <th class="product-details-wrapper table-stack stack-column" style="mso-line-height-rule: exactly; padding-top: 11px; padding-bottom: 11px; border-bottom-width: 1px; border-bottom-color: #eeeeee; border-bottom-style: solid;" bgcolor="#ffffff" 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: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; padding: 11px 5px 11px 0;" align="left" bgcolor="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; 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: #777777; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: 400;" rel="noopener noreferrer"> {{ lines[0] }} </a> <br /> <span class="muted" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 13px; line-height: 22px; font-weight: normal; color: #999999;">{% for line in lines %} {% if line != lines.first and line != "Default Title" and line != blank %}{{ line }}{% if line != lines.last%} - {% endif %} {% endif %}{% endfor %}</span> {% for p in line_item.properties %} {% assign p_internal = p.first | slice: 0 %} {% unless p.first contains "builder_id" or p.first contains "builder_info" or p.first contains "master_builder" or p_internal == "_" or p.last == "" or p.last == blank %} {% if p.last contains "/uploads/" %} <br /> <span class="muted" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 13px; line-height: 22px; font-weight: normal; color: #999999;">{{ p.first }}:<br /> </span> <a href="{{ p.last }}" target="_blank" style="color: #777777; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: left !important; font-weight: 400;" rel="noopener noreferrer"><img src="{{ p.last }}" alt="{{ p.first }}" width="60" border="0" style="width: 60px; height: auto !important;" /></a> {% else %} <br /> <span class="muted" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 13px; line-height: 22px; font-weight: normal; color: #999999;">{{ p.first }}: {{ p.last }}</span> {% endif %} {% endunless %} {% endfor %}</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: 11px 0px 11px 5px;" align="right" bgcolor="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 0;" align="right">{{ adjusted_item_price | money_without_currency }}<br /> <span class="muted" style="text-align: left; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 13px; line-height: 22px; font-weight: normal; color: #999999;"><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: 11px 0px 11px 5px;" align="right" bgcolor="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 0;" align="right">{{ adjusted_item_price | money_without_currency }}</p> </th> {% else %} <th style="mso-line-height-rule: exactly;" bgcolor="#ffffff" valign="top"></th> {% endif %} <th class="right line-item-qty" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 11px 0 11px 11px;" align="right" bgcolor="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 0;" align="right">× {{ line_item.quantity }}</p> </th> <th class="right line-item-line-price" width="1" style="mso-line-height-rule: exactly; white-space: nowrap; padding: 11px 0 11px 22px;" align="right" bgcolor="#ffffff" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; 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="#ffffff" valign="top"></th> </tr> {% endunless %} {% endfor %}</table> </th> </tr> <tr> <th class="pricing-table" style="mso-line-height-rule: exactly; padding: 11px 0;" bgcolor="#ffffff" valign="top"> <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation">{% if discounts_amount != 0.00 and discounts_amount != blank %} <tr> <th class="table-title" data-key="1795203_subtotal" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Subtotal</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ subtotal_price | plus: discounts_amount | money }}</th> </tr> {% for discount in discounts %} <tr> <th class="table-title" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top"><span data-key="1795203_discount">Discount</span>{% if discount.code != 'Discount'%} ({{ discount.code }}){% endif %}</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">-{{ discount.amount | money }}</th> </tr> {% endfor %} {% else %} <tr> <th class="table-title" data-key="1795203_subtotal" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Subtotal</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ subtotal_price | money }}</th> </tr> {% endif %} {% if shipping_method.title != blank &amp;&amp; shipping_method.price != 0 %} <tr> <th class="table-title" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">{{ shipping_method.title }}</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ shipping_method.price | default: 0 | money }}</th> </tr> {% endif %} {% if tax_price != 0.00 and tax_price != blank %} <tr> <th class="table-title" data-key="1795203_total_tax" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">VAT</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ tax_price | money }}</th> </tr> {% endif %} <tr> <th class="table-title" data-key="1795203_total_minus_tax" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total excl. VAT</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" valign="middle">{{ total_price | minus: tax_price | money }}</th> </tr> <tr class="pricing-table-total-row"> <th class="table-title" data-key="1795203_total" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #1a1a1a; width: 65%; text-transform: none; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Total</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #1a1a1a; width: 35%; text-transform: none; padding: 5px 0;" align="right" bgcolor="#ffffff" 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="1795203_refund" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top">Refund</th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 5px 0;" align="right" bgcolor="#ffffff" 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-1795204" class="section payment_info"> <th style="mso-line-height-rule: exactly; padding: 11px 44px;" bgcolor="#ffffff"> <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="#ffffff" valign="top"> <h3 data-key="1795204_payment_info" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #1a1a1a; font-size: 23px; line-height: 34px; font-weight: 400; text-transform: none; border-bottom-width: 1px; border-bottom-color: #eeeeee; border-bottom-style: solid; 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å_först_betala_sen_smidigare_kan_det_inte_bli_' %} {% assign payment = 'Få först. Betala sen. Klarna'%} {% when 'dela_upp_betala_lite_varje_må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å fö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: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 65%; padding: 5px 0;" align="left" bgcolor="#ffffff" valign="top"> <table cellspacing="0" cellpadding="0" border="0" width="100%" style="min-width: 100%;" role="presentation"> <tr> <th width="40" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; padding: 7px 10px 7px 0;" align="left" bgcolor="#ffffff" valign="middle">{% if transaction_img != '' %}<img width="40" style="width: 40px; vertical-align: middle; height: auto !important;" alt="{{ payment }} Icon" src="https://orderlyemails.com/{{ transaction_img }}" />{% endif %}</th> <th style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; padding: 7px 0;" align="left" bgcolor="#ffffff" valign="middle">{% if kind == 'change' %} Change {% else %} {{ payment | replace: "_", " " | capitalize }} {% endif %} {% if card %} <span class="table-muted" style="font-size: 13px; font-weight: normal; color: #999999;"> ({{ card | replace: " ", "" | replace: "•", "" }})</span> {% endif %}</th> </tr> </table> </th> <th class="table-text" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; width: 35%; padding: 11px 0;" align="right" bgcolor="#ffffff" valign="middle">{% if kind == 'refund' %}-{% endif%}{{ transaction.amount | money }}</th> </tr> {% endfor %} {% endif %}</table> </th> </tr> <!-- END SECTION: Payment Info --> <!-- BEGIN SECTION: Order Notes --> <tr id="section-1795205" class="section order_notes"> <th style="mso-line-height-rule: exactly; padding: 11px 44px;" bgcolor="#ffffff">{% if note != blank or attributes != blank %} <h3 data-key="1795205_order_notes" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #1a1a1a; font-size: 23px; line-height: 34px; font-weight: 400; text-transform: none; Margin: 0;" align="left">Order Notes</h3> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 0;" align="left">{% if note != blank %}{{ note | newline_to_br }}{% endif %}</p> {% endif %}</th> </tr> <!-- END SECTION: Order Notes --> <!-- BEGIN SECTION: Discount --> <tr id="section-1795206" class="section discount">{% if customer.orders_count == 0 or customer.orders_count == 1 %} <th style="mso-line-height-rule: exactly; padding: 22px 8% 44px;" bgcolor="#ffffff"> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation"> <tr> <th class="spacer" style="mso-line-height-rule: exactly; font-size: 0; line-height: 0;" bgcolor="#f8f8f8" valign="top"></th> </tr> <tr> <th class="discount_code_wrapper center" style="mso-line-height-rule: exactly; padding: 33px 22px;" align="center" bgcolor="#f8f8f8" valign="top"> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation"> <tr> <th class="discount_title" style="mso-line-height-rule: exactly;" align="center" bgcolor="#f8f8f8" valign="top"> <h1 data-key="1795206_discount_title" style="font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 25px; line-height: 38px; font-weight: 400; color: #1a1a1a; text-transform: none; Margin: 0;" align="center">Have you tried our programable Fan Coil Controllers?</h1> </th> </tr> <tr> <th class="discount_text full-editable" data-key="1795206_discount_text" style="mso-line-height-rule: exactly; padding: 11px 11px 22px;" bgcolor="#f8f8f8" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; line-height: 22px; font-weight: 400; color: #777777; Margin: 0;" align="center">These are completly prgrammable and start from 80GBP</p> </th> </tr> <tr> <th class="discount_code" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; color: #777777; font-size: 27px; font-weight: 700; text-transform: none; letter-spacing: 2px; padding: 11px; border: 3px dashed #0c0c09;" align="center" bgcolor="#ffffff" valign="top">Which FCU do you need?</th> </tr> <!-- Button : BEGIN --> <tr> <th class="sides column_button button6" style="mso-line-height-rule: exactly; width: 100%; Margin: 0; padding: 11px 0 0;" align="center" bgcolor="#f8f8f8" valign="top"> <table cellspacing="0" cellpadding="0" border="0" class="button" role="presentation" style="width: 100%; text-align: left; Margin: 0 auto;" bgcolor="#f8f8f8"> <tr> <th class="button-inner" style="mso-line-height-rule: exactly; border-radius: 1px;" align="center" bgcolor="#ffffff" valign="top"><a class="button-link" href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/button/see-all-fcu-controllers-gt?url={% capture oe_uri %}https://www.innon.com/collections/fan-coils-controllers-and-displays{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #1a1a1a !important; text-decoration: none !important; text-underline: none; word-wrap: break-word; line-height: 15px; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; text-transform: none; text-align: center; display: block; background-color: #f8f8f8; border-radius: 1px; padding: 13px 33px; border: 2px solid #1a1a1a;" rel="noopener noreferrer"><span style="line-height: 15px; color: #1a1a1a; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;"><!-- [if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><span data-key="1795206_text_on_button" style="line-height: 15px; color: #1a1a1a; font-weight: 400; text-decoration: none; text-underline: none; letter-spacing: 0.5px;">See all FCU Controllers &gt;</span><!-- [if mso]>&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></span></a></th> </tr> </table> </th> </tr> <!-- Button : END --> <tr> <th class="discount_terms" data-key="1795206_discount_terms" style="mso-line-height-rule: exactly; padding: 11px 11px 0;" bgcolor="#f8f8f8" valign="top"> <p style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 13px; line-height: 22px; font-weight: 400; color: #999999; background-color: #f8f8f8 !important; Margin: 0;" align="center">For the latest price list just make sure you login online...all our products and discounts are online.</p> </th> </tr> </table> </th> </tr> <tr> <th class="spacer" style="mso-line-height-rule: exactly; font-size: 0; line-height: 0;" bgcolor="#f8f8f8" valign="top"></th> </tr> </table> </th> {% endif %}</tr> <!-- END SECTION: Discount --> <tr data-id="link-list"> <td class="menu_bar menu_bar_6" style="mso-line-height-rule: exactly; padding: 22px 0;" bgcolor="#ffffff"> <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: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #999999; border-right-width: 1px; border-right-color: #eeeeee; border-right-style: solid; border-left-width: 1px; border-left-color: #eeeeee; border-left-style: none;" align="center" bgcolor="#ffffff"><a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/site-link/all-products?url={% capture oe_uri %}http://www.innon.com{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #999999; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; line-height: 22px; text-transform: uppercase;" rel="noopener noreferrer"> All Products </a></th> <th class="menu_bar_item" style="width: 33%; mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #999999; border-right-width: 1px; border-right-color: #eeeeee; border-right-style: solid; border-left-width: 1px; border-left-color: #eeeeee; border-left-style: solid;" align="center" bgcolor="#ffffff"><a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/site-link/about-us?url={% capture oe_uri %}http://www.innon.com/pages/about-us{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #999999; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; line-height: 22px; text-transform: uppercase;" rel="noopener noreferrer"> About US </a></th> <th class="menu_bar_item last" style="width: 33%; mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; line-height: 22px; text-transform: uppercase; color: #999999; border-right-width: 1px; border-right-color: #eeeeee; border-right-style: none; border-left-width: 1px; border-left-color: #eeeeee; border-left-style: solid;" align="center" bgcolor="#ffffff"><a href="https://{{ shop.domain }}/tools/emails/click/order-confirmation/1/site-link/contact-us?url={% capture oe_uri %}http://www.innon.com/pages/contact-us{% endcapture %}{{ oe_uri | strip | url_encode }}" target="_blank" style="color: #999999; text-decoration: none !important; text-underline: none; word-wrap: break-word; text-align: center !important; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 15px; font-weight: 400; line-height: 22px; text-transform: uppercase;" rel="noopener noreferrer"> Contact US </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="#e40521"> <tr> <td class="section_wrapper_th" style="mso-line-height-rule: exactly; padding-top: 22px; padding-bottom: 22px;" bgcolor="#e40521"> <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="min-width: 100%;" role="presentation"> <tr> <th class="column_social" data-id="social" style="mso-line-height-rule: exactly;" bgcolor="#e40521"> <table border="0" width="100%" cellpadding="0" cellspacing="0" role="presentation"><!-- Social heading : BEGIN --> <tr> <th class="column_footer_title " width="100%" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 14px; line-height: 22px; font-weight: 400; color: #ffffff; text-transform: none;" align="center" bgcolor="#e40521"> <p data-key="section_footer_title" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 14px; line-height: 22px; font-weight: 400; color: #ffffff; text-transform: none; Margin: 0 0 11px;" align="center">Connect with us</p> </th> </tr> <!-- Social heading : END --> <!-- Store Address : BEGIN --> <tr> <th class="column_shop_social_icons " width="100%" style="mso-line-height-rule: exactly;" bgcolor="#e40521"><a class="social-link" href="https://www.facebook.com/innonenergy/" target="_blank" title="Facebook" style="color: #ffffff; text-decoration: none !important; text-underline: none; font-size: 14px;" rel="noopener noreferrer"> <img width="28" class="social-icons" alt="Facebook" src="https://orderlyemails.com/facebook_2.png" style="width: 28px; height: auto !important; vertical-align: middle; padding: 6px 6px 28px;" /> </a> <a class="social-link" href="https://twitter.com/InnonLTD" target="_blank" title="Twitter" style="color: #ffffff; text-decoration: none !important; text-underline: none; font-size: 14px;" rel="noopener noreferrer"> <img width="28" class="social-icons" alt="Twitter" src="https://orderlyemails.com/twitter_2.png" style="width: 28px; height: auto !important; vertical-align: middle; padding: 6px 6px 28px;" /> </a> <a class="social-link" href="https://www.youtube.com/channel/UCnaoXvE3fnepLQULBKYrflw/featured" target="_blank" title="YouTube" style="color: #ffffff; text-decoration: none !important; text-underline: none; font-size: 14px;" rel="noopener noreferrer"> <img width="28" class="social-icons" alt="YouTube" src="https://orderlyemails.com/youtube_2.png" style="width: 28px; height: auto !important; vertical-align: middle; padding: 6px 6px 28px;" /> </a> <a class="social-link" href="https://www.linkedin.com/company/innon/" target="_blank" title="LinkedIn" style="color: #ffffff; text-decoration: none !important; text-underline: none; font-size: 14px;" rel="noopener noreferrer"> <img width="28" class="social-icons" alt="LinkedIn" src="https://orderlyemails.com/linkedin_2.png" style="width: 28px; height: auto !important; vertical-align: middle; padding: 6px 6px 28px;" /> </a></th> </tr> </table> </th> </tr> <tr> <th data-id="store-info" style="mso-line-height-rule: exactly;" bgcolor="#e40521"> <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: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 14px; line-height: 22px; font-weight: 400; color: #ffffff; text-transform: none; padding-bottom: 22px;" align="center" bgcolor="#e40521"><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: #ffffff; text-decoration: none !important; text-underline: none; font-size: 14px; font-weight: 400; text-transform: none;" rel="noopener noreferrer">www.innon.com</a></th> </tr> <!-- Store Website : END --> <!-- Store Address : BEGIN --> <tr> <th class="column_shop_block2 " data-key="section_shop_block2" width="100%" style="mso-line-height-rule: exactly; font-family: 'Trebuchet MS',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif !important; font-size: 14px; line-height: 22px; font-weight: 400; color: #ffffff; text-transform: none;" align="center" bgcolor="#e40521">Innon Energy LTD<br /> 2 Sheen Road<br /> Richmond, TW9 1AE<br /> <br /> Copyright © {{ 'now' | date: '%Y' }}</th> </tr> <!-- Store Address : 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="#e40521"><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>