Hello,
I have a problem with my thank you email. For some reason isn't showing the product image, the details, and the price. (check the image attached)
I have the latest update of the plugin, and I haven't made any changes to the code. The code is below:
Any one know how to fix this?
Thanks
I have a problem with my thank you email. For some reason isn't showing the product image, the details, and the price. (check the image attached)
I have the latest update of the plugin, and I haven't made any changes to the code. The code is below:
HTML:
<table style="border-collapse: collapse;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 100%;" valign="top"><!--inner-->
<table style="border-collapse: collapse; color: #434343; font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: inherit; font-style: inherit; text-align: left; line-height: 100%; border: none; background: #F6F6F6;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="border: none; width: 100%;" valign="top">
<table style="border-collapse: collapse; width: 100%;" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center">
<table style="border-collapse: collapse; width: 784px; background-color: #ffffff;" width="784" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tbody><!--head-->
<tr>
<td align="center">
<table style="border-collapse: collapse; width: 100%; background-color: #f6f6f6;" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table style="border-collapse: collapse; width: 100%;" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 7px 0;" align="left" width="50%">
<h1>Simply Unique Style</h1>
</td>
<td align="right" valign="middle">
<table border="0" cellspacing="0" cellpadding="00">
<tbody>
<tr>
<td style="color: #888888; font-size: 12px; font-family: 'Open Sans', sans-serif;"><a style="color: #888888; padding: 0 5px 0 0;" href="https://www.domain.com/" target="_blank" rel="noopener">Home</a>
<a style="color: #888888; padding: 0 5px 0 0;" href="https://www.domain.com/payment-methods/" target="_blank" rel="noopener">Payment methods</a>
<a style="color: #888888; padding: 0 5px 0 0;" href="https://www.domain.com/shipping-delivery/" target="_blank" rel="noopener">Shipping & delivery</a>
<a style="color: #888888;" href="https://www.domain.com/contact-us/" target="_blank" rel="noopener">Contact Us</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!--body-->
<tr>
<td style="border: 1px solid #DEDEDE; font-size: 12px; font-family: 'Open Sans', sans-serif;" align="center">
<table style="border-collapse: collapse; width: 100%;" width="100%" cellspacing="0" cellpadding="40">
<tbody>
<tr>
<td>
<table style="border-collapse: collapse; width: 100%; background-color: #ffffff;" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 0 0 20px 0; font-size: 25px; font-weight: lighter; line-height: 40px; color: #005d8f;" align="center">Payment successfully made</td>
</tr>
<tr>
<td style="line-height: 20px;"><strong style="color: #666666; font-family: 'OpenSans', sans-serif; font-size: 18px;">Dear {{full_name}},</strong>
<div style="line-height: 20px; font-size: 14px; padding: 20px 0 0 0; color: #434343;">Thank you for shopping with us! We are really glad that you have chosen the Simply Unique Style to make your purchase, and we sincerely hope to see you again soon!</div>
<div style="line-height: 20px; font-size: 14px; padding: 20px 0 0 0; color: #434343;">Cannot see images in this message? Click the link above - "Display images below".</div>
<div style="line-height: 20px; font-size: 14px; padding: 20px 0 0 0; color: #434343;">Have a nice day!</div>
<div style="line-height: 20px; font-size: 12px; padding: 26px 0 0 0; color: #434343;">Yours faithfully,
Simply Unique Style team</div></td>
</tr>
<tr>
<td height="50"></td>
</tr>
<tr>
<td><!--item-->{{#each orders}}{{/each}}
<table border="0" width="740" cellspacing="0" cellpadding="10">
<thead>
<tr style="font-size: 12px; color: #434343;" bgcolor="#F5F5F5">
<td style="white-space: nowrap;" width="60">Simply Unique Style</td>
<td></td>
<td style="white-space: nowrap;" align="center" width="80">Details</td>
<td style="white-space: nowrap;" width="80">Quantity</td>
<td style="white-space: nowrap;" align="center" width="80">Price</td>
</tr>
</thead>
<tbody>
<tr>
<td width="60"><img src="{{images}}" alt="name item" width="60" height="60" /></td>
<td><strong style="font-size: 11px; color: #303030; line-height: 13px;"> {{title}}</strong></td>
<td style="font-family: 'Open Sans', sans-serif; font-size: 11px; color: #9a9a9e; text-align: center;" width="80">{{{details}}}</td>
<td style="font-family: 'Open Sans', sans-serif; font-size: 11px; color: #9a9a9e;" width="100">{{quantity}}</td>
<td style="white-space: nowrap; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #303030; font-weight: bold;" align="center" width="80">{{price}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5">
<table border="0" width="740" cellspacing="0" cellpadding="10">
<thead>
<tr style="border-width: 1px 0 1px 0; border-style: solid; border-color: #B9B9B9;">
<td style="border-width: 1px 9px 1px 0; border-style: solid; border-color: #B9B9B9; padding: 0 15px 0 0; vertical-align: middle; color: #9a9a9a; font-size: 13px; width: 80%;" align="right">Total</td>
<td style="border-width: 1px 0 1px 0; border-style: solid; border-color: #B9B9B9; vertical-align: middle; color: #303030; font-size: 13px; font-weight: bold;" align="center">{{total}}</td>
</tr>
</thead>
</table>
</td>
</tr>
</tfoot>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!--foot-->
<tr>
<td style="border-collapse: collapse; width: 100%; background-color: #f6f6f6;" align="center" height="30"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Any one know how to fix this?
Thanks