Solved

Body html Liquid syntax error: Unknown tag 'load'

  • 23 April 2021
  • 1 reply
  • 295 views

Badge +2

im getting this error whilst making a template for order confirmation. here is the code

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta content="width=device-width, initial-scale=1" name="viewport"/> <title></title> <style type="text/css">@media only screen and (max-width:480px){body,table,td,p,a,li,blockquote{-webkit-text-size-adjust:none !important}body{width:100% !important;min-width:100% !important}#bodyCell{padding:10px !important}table.kmMobileHide{display:none !important}table.kmDesktopOnly,td.kmDesktopOnly,th.kmDesktopOnly,tr.kmDesktopOnly,td.kmDesktopWrapHeaderMobileNone{display:none !important}table.kmMobileOnly{display:table !important}tr.kmMobileOnly{display:table-row !important}td.kmMobileOnly,td.kmDesktopWrapHeader,th.kmMobileOnly{display:table-cell !important}tr.kmMobileNoAlign,table.kmMobileNoAlign{float:none !important;text-align:initial !important;vertical-align:middle !important;table-layout:fixed !important}tr.kmMobileCenterAlign{float:none !important;text-align:center !important;vertical-align:middle !important;table-layout:fixed !important}td.kmButtonCollection{padding-left:9px !important;padding-right:9px !important;padding-top:9px !important;padding-bottom:9px !important}td.kmMobileHeaderStackDesktopNone,img.kmMobileHeaderStackDesktopNone,td.kmMobileHeaderStack{display:block !important;margin-left:auto !important;margin-right:auto !important;padding-bottom:9px !important;padding-right:0 !important;padding-left:0 !important}td.kmMobileWrapHeader,td.kmMobileWrapHeaderDesktopNone{display:inline-block !important}td.kmMobileHeaderSpacing{padding-right:10px !important}td.kmMobileHeaderNoSpacing{padding-right:0 !important}table.kmDesktopAutoWidth{width:inherit !important}table.kmMobileAutoWidth{width:100% !important}table.kmTextContentContainer{width:100% !important}table.kmBoxedTextContentContainer{width:100% !important}td.kmImageContent{padding-left:0 !important;padding-right:0 !important}img.kmImage{width:100% !important}td.kmMobileStretch{padding-left:0 !important;padding-right:0 !important}table.kmSplitContentLeftContentContainer,table.kmSplitContentRightContentContainer,table.kmColumnContainer,td.kmVerticalButtonBarContentOuter table.kmButtonBarContent,td.kmVerticalButtonCollectionContentOuter table.kmButtonCollectionContent,table.kmVerticalButton,table.kmVerticalButtonContent{width:100% !important}td.kmButtonCollectionInner{padding-left:9px !important;padding-right:9px !important;padding-top:9px !important;padding-bottom:9px !important}td.kmVerticalButtonIconContent,td.kmVerticalButtonTextContent,td.kmVerticalButtonContentOuter{padding-left:0 !important;padding-right:0 !important;padding-bottom:9px !important}table.kmSplitContentLeftContentContainer td.kmTextContent,table.kmSplitContentRightContentContainer td.kmTextContent,table.kmColumnContainer td.kmTextContent,table.kmSplitContentLeftContentContainer td.kmImageContent,table.kmSplitContentRightContentContainer td.kmImageContent{padding-top:9px !important}td.rowContainer.kmFloatLeft,td.rowContainer.kmFloatLeft,td.rowContainer.kmFloatLeft.firstColumn,td.rowContainer.kmFloatLeft.firstColumn,td.rowContainer.kmFloatLeft.lastColumn,td.rowContainer.kmFloatLeft.lastColumn{float:left;clear:both;width:100% !important}table.templateContainer,table.templateContainer.brandingContainer,div.templateContainer,div.templateContainer.brandingContainer,table.templateRow{max-width:600px !important;width:100% !important}h1{font-size:40px !important;line-height:1.1 !important}h2{font-size:32px !important;line-height:1.1 !important}h3{font-size:24px !important;line-height:1.1 !important}h4{font-size:18px !important;line-height:1.1 !important}td.kmTextContent{font-size:14px !important;line-height:1.3 !important}td.kmTextBlockInner td.kmTextContent{padding-right:18px !important;padding-left:18px !important}table.kmTableBlock.kmTableMobile td.kmTableBlockInner{padding-left:9px !important;padding-right:9px !important}table.kmTableBlock.kmTableMobile td.kmTableBlockInner .kmTextContent{font-size:14px !important;line-height:1.3 !important;padding-left:4px !important;padding-right:4px !important}}</style> <!--[if mso]> <style> .templateContainer { border: 0px none #aaaaaa; background-color: #ffffff; border-radius: 0px; } #brandingContainer { background-color: transparent !important; border: 0; } .templateContainerInner { padding: 0px; } </style> <![endif]--> <style>span.yshortcuts:hover {background-color:none !important;border:none !important} span.yshortcuts:active {background-color:none !important;border:none !important} span.yshortcuts:focus {background-color:none !important;border:none !important} .rowContainer .kmTextContent a:link {color:#D4AF37;font-weight:normal;text-decoration:underline} .rowContainer .kmTextContent a:visited {color:#D4AF37;font-weight:normal;text-decoration:underline} .kmTable .kmTableRow:last-child > td {border-bottom:none !important}</style><style>#outlook a { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0 } .ReadMsgBody { width: 100% } .ExternalClass { width: 100% } span.yshortcuts { background-color: none !important; border: none !important } span.yshortcuts:hover, span.yshortcuts:active, span.yshortcuts:focus { background-color: none !important; border: none !important } body { margin: 0; padding: 0 } a { word-wrap: break-word !important; max-width: 100% } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; max-width: 100% } img[align="left"] { margin-right: 0 } img[align="right"] { margin-left: 0 } table, td { border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed } p { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em } p:last-child { padding-bottom: 0 } #bodyTable, #bodyCell { height: 100% !important; margin: 0; width: 100% !important; table-layout: auto } #bodyTable { padding: 0 } #bodyCell { padding-top: 50px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; border-top: 0 } body, #bodyTable { background-color: #F7F7F7 } .templateContainer { border: 0 none #aaa; background-color: #fff; border-radius: 0 } .brandingContainer { background-color: transparent; border: 0 } .templateContainerInner { padding: 0 } h1 { color: #222 !important; display: block; font-family: Arial; font-size: 40px; font-style: normal; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 20px; text-align: left } h2 { color: #222 !important; display: block; font-family: Arial; font-size: 32px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 16px; text-align: left } h3 { color: #222 !important; display: block; font-family: Arial; font-size: 24px; font-style: normal; font-weight: bold; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 12px; text-align: left } h4 { color: #222 !important; display: block; font-family: Arial; font-size: 18px; font-style: normal; font-weight: italic; line-height: 1.1; letter-spacing: 0; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 9px; text-align: left } .rowContainer .kmTextContent { color: #222; font-family: Arial; font-size: 14px; line-height: 1.3; letter-spacing: 0; text-align: left; max-width: 100%; word-wrap: break-word } .rowContainer .kmTextContent a, .rowContainer .kmTextContent a:link, .rowContainer .kmTextContent a:visited, .rowContainer .kmTextContent a .yshortcuts { color: #D4AF37; font-weight: normal; text-decoration: underline } .rowContainer .kmTextContent .kmParagraph { padding-bottom: 9px } .kmImageContent { padding: 0; font-size: 0 } .kmImage { padding-bottom: 0; display: inline !important; vertical-align: top; border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; font-size: 12px; width: 100% } .kmButtonBlockInner, .kmButtonCollectionInner { min-width: 60px; padding: 9px 18px } .kmButtonContentContainer { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #999; border-collapse: separate } .kmButtonContent { color: white; font-family: Arial; font-size: 16px } .kmButton { font-weight: bold; line-height: 100%; text-align: center; text-decoration: none; color: white; font-family: Arial; font-size: 16px } .kmButtonBarContent, .kmButtonCollectionContent { font-family: Arial } .kmVerticalButtonContent { border-collapse: separate } .kmTable .kmTableRow > td:last-child { border-right: none !important } .kmTable .kmTableRow:last-child > td { border-bottom: none !important } .kmMobileOnly { display: none } .kmDesktopWrapHeader, .kmDesktopWrapHeaderMobileNone { display: inline-block } .kmHide { display: none } .kmMobileHeaderStackDesktopNone, .kmMobileWrapHeaderDesktopNone { display: none } .kmDesktopAutoWidth { width: 100% }</style></head> <body> <center> <table align="center" border="0" cellpadding="0" cellspacing="0" data-upload-file-url="/ajax/email-editor/file/upload" data-upload-files-url="/ajax/email-editor/files/upload" id="bodyTable" width="100%"> <tbody> <tr> <td align="center" id="bodyCell" valign="top"> <!--[if !mso]><!--> <div class="templateContainer" style="display: table; width:600px"> <div class="templateContainerInner"> <!--<![endif]--> <!--[if mso]> <table border="0" cellpadding="0" cellspacing="0" class="templateContainer" width="600" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <tbody> <tr> <td class="templateContainerInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner kmMobileStretch" style="padding:9px;padding-right:140px;padding-left:140px;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="padding-top:0px;padding-bottom:0;padding-left:9px;padding-right:9px;text-align: center;" valign="top"> <a href="http://marquedeluxeco.com" target="_self"> <img align="center" alt="" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/company/UdS9Du/images/656ab48a-26f9-4c04-945e-297e773778f4.png" style="max-width:1920px;padding:0;border-width:0;" width="284"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerBlock" width="100%"> <tbody class="kmDividerBlockOuter"> <tr> <td class="kmDividerBlockInner" style="padding-top:18px;padding-bottom:18px;padding-left:18px;padding-right:18px;"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerContent" style="border-top-width:1px;border-top-style:solid;border-top-color:#D4AF37;" width="100%"> <tbody> <tr><td><span></span></td></tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:18px;padding-bottom:0px;padding-left:18px;padding-right:18px;" valign="top"> <h3 style="text-align: center;">Your Order Confirmation!</h3> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:0px;padding-bottom:20px;padding-left:18px;padding-right:18px;" valign="top"> <p><span style="font-size:14px;">Hello {{ first_name|default:'' }},</span></p> <p><span style="font-size:14px;"><span style="font-family: arial, helvetica, sans-serif;">You made our day! Thank you for shopping at Marque Deluxe. We are happy to meet your purchase order and value our loyal customers. </span>This email is to confirm your order on {{ date | date: "%m/%d/%Y" }}. We'll send you a email once your order has been shipped.</span></p> <p style="padding-bottom:0"><span style="font-size:14px;">Your order number is <strong>{{ order_number }}</strong>.</span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmSplitBlock" width="100%"> <tbody class="kmSplitBlockOuter"> <tr> <td class="kmSplitBlockInner" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentOuter" width="100%"> <tbody> <tr> <td class="kmSplitContentInner" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentLeftContentContainer" width="264"> <tbody> <tr> <td class="kmTextContent" valign="top"> <h4><span style="color:#d4af37;">Billing Address:</span></h4> <p style="padding-bottom:0">{{ billing_address.name }}<br/> {{ billing_address.street }}<br/> {{ billing_address.city }}, {{ billing_address.province }} {{ billing_address.zip }}<br/> {{ billing_address.country }}</p> </td> </tr> </tbody> </table> <table align="right" border="0" cellpadding="0" cellspacing="0" class="kmSplitContentRightContentContainer" width="264"> <tbody> <tr> <td class="kmTextContent" valign="top"> {% if requires_shipping %} <h4><span style="color:#d4af37;">Shipping Address:</span></h4> <p style="padding-bottom:0">{{ shipping_address.name }}<br/> {{ shipping_address.street }}<br/> {{ shipping_address.city }}, {{ shipping_address.province }} {{ shipping_address.zip }}<br/> {{ shipping_address.country }}</p> {% endif %} </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:0px;padding-left:18px;padding-right:18px;" valign="top"> <h4>Order Summary:</h4> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTableBlock kmTableMobile" width="100%"> <tbody class="kmTableBlockOuter"> <tr> <td class="kmTableBlockInner" style="padding-top:0px;padding-bottom:18px;padding-left:18px;padding-right:18px;" valign="top"> {% if line_items %} <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTable" style="" width="100%"> <thead> <tr> <th class="kmTextContent" style="text-align:right;width:25%;padding-top:0px;font-weight:bold;padding-right:0px;padding-left:0px;padding-bottom:0px;" valign="top"> </th> <th class="kmTextContent" style="text-align:left;width:75%;padding-top:0px;font-weight:bold;padding-right:0px;padding-left:0px;padding-bottom:0px;" valign="top"> </th> </tr> </thead> <tbody> {% for line in line_items %} <tr class="kmTableRow"> <td class="kmTextContent" style="text-align:right;width:25%;border-top-style:solid;padding-bottom:8px;padding-right:10px;padding-left:0px;padding-top:8px;border-top-color:#EEEEEE;border-top-width:1px;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td class="kmImageContent" style="padding:0;" valign="top"> <img align="right" alt="line.title" class="kmImage" src="{{ line.product.featured_image | product_img_url: 'medium' }}" style="max-width:200px;" width="150"/> </td> </tr> </table> </td> <td class="kmTextContent" style="border-right:none; text-align:left; width:75%; border-top-style:solid; padding-bottom:8px; padding-right:10px; padding-left:0; padding-top:8px; border-top-color:#EEE; border-top-width:1px" valign="top"> <h3>{{ line.title }}</h3> <p style="padding-bottom:0">Quantity: {{ line.quantity }}<br/> Total: {{ line.price|money }}</p> </td> </tr> {% endfor %} <tr class="kmTableRow"> <td class="kmTextContent" style="text-align:right;width:25%;;border-top-style:solid;padding-bottom:8px;padding-right:10px;padding-left:0px;padding-top:8px;border-top-color:#EEEEEE;border-top-width:1px;" valign="top"> </td> <td class="kmTextContent" style="border-right:none; text-align:left; width:75%; border-top-style:solid; padding-bottom:8px; padding-right:10px; padding-left:0; padding-top:8px; border-top-color:#EEE; border-top-width:1px" valign="top"> <p style="padding-bottom:0; text-align:right">{% if discounts %} <strong>Discount (code: {{ discounts.first.code }}):</strong> {{ discounts_savings|money }}<br/> {% endif %} <strong>Subtotal:</strong> {{ subtotal_price|money }}<br/> {% for tax_line in tax_lines %}<strong>{{ tax_line.title }}:</strong> {{ tax_line.price|money }}<br/> {% endfor %} {% if requires_shipping %} <strong>Shipping:</strong> {{ shipping_price|money }}<br/> {% endif %} <strong>Total:</strong> {{ total_price|money }}</p> </td> </tr> </tbody> </table> {% else %} {% endif %} </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <p style="padding-bottom:0; text-align:center"><span style="font-size:14px;"><span style="line-height: 25.2px;">Have questions </span><span style="line-height: 25.2px;">or feedback? You can contact us anytime at <span style="color:#d4af37;"><strong>info@marquedeluxeco.com</strong></span></span></span></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerBlock" width="100%"> <tbody class="kmDividerBlockOuter"> <tr> <td class="kmDividerBlockInner" style="padding-top:18px;padding-bottom:18px;padding-left:18px;padding-right:18px;"> <table border="0" cellpadding="0" cellspacing="0" class="kmDividerContent" style="border-top-width:1px;border-top-style:solid;border-top-color:#D4AF37;" width="100%"> <tbody> <tr><td><span></span></td></tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:9px;padding-left:18px;padding-right:18px;" valign="top"> <p style="padding-bottom:0; text-align:center"><strong><span style="font-size:22px;">You may also like:</span></strong></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTableBlock kmFloatLeft" width="100%"> <tbody class="kmTableBlockOuter"> <tr> <td class="kmTableBlockInner" style="padding-top:9px;padding-bottom:9px;padding-left:9px;padding-right:9px;"> {% load helpers %} {% load message_formatting %} <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft kmMobileStretch" style="padding-top:9px;padding-right:9px;padding-left:9px;padding-bottom:9px;" valign="top" width="33%"> {% with item=feeds.|index:0 %} {% if item or is_editing %} <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="klaviyo_image_placeholder" valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td align="center" class="kmImageBlockInner"> <a href="{{ item.url }}" target="_blank"><img alt="{{ item.title|safe }}" class="kmButtonBlockIcon" src="{{ item.image_thumbnail_url }}" style="display:block;max-width:100%;max-height:125px;width:auto;" width="176"/></a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td align="center" class="kmTextBlockInner kmTextContent"> <p style="padding-top:5px;font-weight:bold;text-align:center;padding-bottom:0px;">{{ item.title|safe }}</p> <p style="padding-top:5px;font-weight:normal;text-align:center;padding-bottom:0px;"> {{ item.price|default:"" }} </p> <p class="kmButtonBlockInner" style="padding-bottom:0; text-align:center"> <a href="{{ item.url }}" style="color:#FFF; font-weight:bold; text-decoration:none; display:inline-block; padding-top:10px; padding-bottom:10px; font-size:16px; border-radius:5px; padding-left:10px; padding-right:10px; background-color:#D4AF37; font-family:Arial" target="_blank"> Buy Now </a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!--[if gte mso 6]></td><td align="left" valign="top"><![endif]--> {% endif %} {% endwith %} </td> <td class="rowContainer kmFloatLeft kmMobileStretch" style="padding-top:9px;padding-right:9px;padding-left:9px;padding-bottom:9px;" valign="top" width="33%"> {% with item=feeds.|index:1 %} {% if item or is_editing %} <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="klaviyo_image_placeholder" valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td align="center" class="kmImageBlockInner"> <a href="{{ item.url }}" target="_blank"><img alt="{{ item.title|safe }}" class="kmButtonBlockIcon" src="{{ item.image_thumbnail_url }}" style="display:block;max-width:100%;max-height:125px;width:auto;" width="176"/></a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td align="center" class="kmTextBlockInner kmTextContent"> <p style="padding-top:5px;font-weight:bold;text-align:center;padding-bottom:0px;">{{ item.title|safe }}</p> <p style="padding-top:5px;font-weight:normal;text-align:center;padding-bottom:0px;"> {{ item.price|default:"" }} </p> <p class="kmButtonBlockInner" style="padding-bottom:0; text-align:center"> <a href="{{ item.url }}" style="color:#FFF; font-weight:bold; text-decoration:none; display:inline-block; padding-top:10px; padding-bottom:10px; font-size:16px; border-radius:5px; padding-left:10px; padding-right:10px; background-color:#D4AF37; font-family:Arial" target="_blank"> Buy Now </a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!--[if gte mso 6]></td><td align="left" valign="top"><![endif]--> {% endif %} {% endwith %} </td> <td class="rowContainer kmFloatLeft kmMobileStretch" style="padding-top:9px;padding-right:9px;padding-left:9px;padding-bottom:9px;" valign="top" width="33%"> {% with item=feeds.|index:2 %} {% if item or is_editing %} <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td class="klaviyo_image_placeholder" valign="top"> <table align="center" border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td align="center" class="kmImageBlockInner"> <a href="{{ item.url }}" target="_blank"><img alt="{{ item.title|safe }}" class="kmButtonBlockIcon" src="{{ item.image_thumbnail_url }}" style="display:block;max-width:100%;max-height:125px;width:auto;" width="176"/></a> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td align="center" class="kmTextBlockInner kmTextContent"> <p style="padding-top:5px;font-weight:bold;text-align:center;padding-bottom:0px;">{{ item.title|safe }}</p> <p style="padding-top:5px;font-weight:normal;text-align:center;padding-bottom:0px;"> {{ item.price|default:"" }} </p> <p class="kmButtonBlockInner" style="padding-bottom:0; text-align:center"> <a href="{{ item.url }}" style="color:#FFF; font-weight:bold; text-decoration:none; display:inline-block; padding-top:10px; padding-bottom:10px; font-size:16px; border-radius:5px; padding-left:10px; padding-right:10px; background-color:#D4AF37; font-family:Arial" target="_blank"> Buy Now </a> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <!--[if gte mso 6]></td><td align="left" valign="top"><![endif]--> {% endif %} {% endwith %} </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonBarBlock" width="100%"> <tbody class="kmButtonBarOuter"> <tr> <td align="center" class="kmButtonBarInner" style="padding-top:9px;padding-bottom:9px;padding-left:9px;padding-right:9px;" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonBarContentContainer" width="100%"> <tbody> <tr> <td align="center" style="padding-left:9px;padding-right:9px;"> <table border="0" cellpadding="0" cellspacing="0" class="kmButtonBarContent"> <tbody> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class=""> <tbody> <tr> <td align="center" style="padding-right:10px;" valign="top"> <a href="" target="_blank"><img alt="Button Text" class="kmButtonBlockIcon" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/default/facebook_96.png" style="width:48px; max-width:48px; display:block;" width="48"/></a> </td> </tr> </tbody> </table> <!--[if gte mso 6]></td><td align="left" valign="top"><![endif]--> <table align="left" border="0" cellpadding="0" cellspacing="0" class=""> <tbody> <tr> <td align="center" style="padding-right:10px;" valign="top"> <a href="" target="_blank"><img alt="Custom" class="kmButtonBlockIcon" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/default/instagram_96.png" style="width:48px; max-width:48px; display:block;" width="48"/></a> </td> </tr> </tbody> </table> <!--[if gte mso 6]></td><td align="left" valign="top"><![endif]--> <table align="left" border="0" cellpadding="0" cellspacing="0" class=""> <tbody> <tr> <td align="center" style="" valign="top"> <a href="" target="_blank"><img alt="" class="kmButtonBlockIcon" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/buttons/default/twitter_96.png" style="width:48px; max-width:48px; display:block;" width="48"/></a> </td> </tr> </tbody> </table> <!--[if gte mso 6]></td><td align="left" valign="top"><![endif]--> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" class="kmTextBlock" width="100%"> <tbody class="kmTextBlockOuter"> <tr> <td class="kmTextBlockInner" style="" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmTextContentContainer" width="100%"> <tbody> <tr> <td class="kmTextContent" style="padding-top:9px;padding-bottom:18px;padding-left:18px;text-align:center;padding-right:18px;" valign="top"> {{ shop_name }} </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <!--[if !mso]><!--> </div> </div> <div style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">‌</div> <!--<![endif]--> <!--[if mso]> </td> </tr> </tbody> </table> <![endif]--> <!--[if !mso]><!--> <div class="templateContainer brandingContainer" style="display: table; width:600px"> <div class="templateContainerInner"> <!--<![endif]--> <!--[if mso]> <table border="0" cellpadding="0" cellspacing="0" class="templateContainer" id="brandingContainer" width="600" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <tbody> <tr> <td class="templateContainerInner" style="border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> <![endif]--> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="templateRow" width="100%"> <tbody> <tr> <td class="rowContainer kmFloatLeft" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="kmImageBlock" style="min-width:100%" width="100%"> <tbody class="kmImageBlockOuter"> <tr> <td class="kmImageBlockInner" style="padding:9px;padding-top:25px;padding-bottom:25px;" valign="top"> <table align="left" border="0" cellpadding="0" cellspacing="0" class="kmImageContentContainer" style="min-width:100%" width="100%"> <tbody> <tr> <td class="kmImageContent" style="padding-top:0px;padding-bottom:0;padding-left:9px;padding-right:9px;text-align: center;" valign="top"> <a href="https://www.klaviyo.com/?utm_medium=freebie&utm_source=brand&amp;utm_term=UdS9Du" target="_self"> <img align="center" alt="Powered by Klaviyo" class="kmImage" src="https://d3k81ch9hvuctc.cloudfront.net/assets/email/branding/klaviyo-branding-option-0.png" style="max-width:122px;" width="122"/> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </table> <!--[if !mso]><!--> </div> </div> <div style="display:none !important;visibility:hidden;mso-hide:all;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">‌</div> <!--<![endif]--> <!--[if mso]> </td> </tr> </tbody> </table> <![endif]--> </td> </tr> </tbody> </table> </center> </body> </html>

 

icon

Best answer by elisegaines 23 April 2021, 16:57

View original

1 reply

Userlevel 5
Badge +25

Hey Ryan! Two questions for you: 
1. Are you importing this template into Shopify? 

2. Does your template contain a “product block” showing recommended/popular items from your catalog? 

 

If the answer to both is “yes”, then the issue is that those product blocks are not supported by Shopify. If you remove that block and re-export the template, you shouldn’t encounter any errors. 

If that’s not the issue, could you share a bit more about where you’re importing this template? 

 

- Elise

Reply