xml 响应式电子邮件模板（专为JessicaFaulkner而设计）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了xml 响应式电子邮件模板（专为JessicaFaulkner而设计）相关的知识，希望对你有一定的参考价值。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<html>
<style>
#jessicafaulkneremail{font: 11px Helvetica, 'Trebuchet MS', Arial, sans-serif; color: #000; background: #ffffff; margin:0 auto; max-width:700px}
#div_c596_0{text-align: left; max-width: 690px; padding: 20px; page-break-after: always; font-size: 11px;}
#div_c596_1{text-align: center; max-width: 280px; margin:0 auto;}
#a_c596_0{border:none; text-decoration: none;}
#img_c596_0{border: 0; max-width: 100%;}
#div_c596_2{text-align:right;}
#div_c596_2 a{color: #000; text-decoration: none;}
#div_c596_3{clear: both;}
#hr_c596_0{color: #eaeae8; background-color: #eaeae8; height: 1px; border: 0px;}
#hr_c596_1{color: #eaeae8; background-color: #eaeae8; height: 1px; border: 0px;}
#div_c596_4{background-color: #fff; max-width: 650px; margin: 20px 0 20px 0; }
#table_c596_0{font: 11px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
#strong_c596_0{font-size:13px;}
#shipinfoleft {
width: 50%;
float: left;
}
#shipinforight {
width: 50%;
float: right;
}
#hr_c596_2{color: #eaeae8; background-color: #eaeae8; height: 1px; border: 0px;}
#div_c596_5{background-color: #fff; max-width: 650px; margin: 20px 0 20px 0; }
#strong_c596_1{font-size:13px;}
#table_c596_1{font: 11px Helvetica, 'Trebuchet MS', Arial, sans-serif; width: 95%;}
#tr_c596_0{padding-bottom: 5px; font: 11px Helvetica, 'Trebuchet MS', Arial, sans-serif;}
#img_c596_1{width: 40px; max-width: 40px;}
</style>
<body>
<div id="jessicafaulkneremail" >
<div id="div_c596_0">
<div>
<div id="div_c596_1">
<a href="http://www.jessicafaulkner.com/" id="a_c596_0"><img src="http://www.jessicafaulkner.com/blog/wp-content/uploads/2014/01/jessica-faulkner-logo-280x56.png" id="img_c596_0"/></a>
</div>
<div id="div_c596_3"></div>
<hr id="hr_c596_0" />
<p>Hi &mvte:order:ship_fname;,</p>
<p>Your order #&mvt:order:id; was placed on &mvt:order:date; at &mvt:order:time;.</p>
<p>
Thank you for your order. Below is a summary for your order. You may check the
status of your order
<mvt:if expr="ISNULL g.Domain:mm_surl">
<a href="&mvte:global:Domain:mm_url;Store_Code=&mvta:global:Store:code;&Screen=ORHL">here</a>.
<mvt:else>
<a href="&mvte:global:Domain:mm_surl;Store_Code=&mvta:global:Store:code;&Screen=ORHL">here</a>.
</mvt:if>
Feel free to <a href="mailto:&mvte:Store:email;">contact us via email</a> or at &mvte:store:phone; for
assistance with this order.
</p>
<hr id="hr_c596_1" />
<div id="div_c596_4">
<table id="table_c596_0" width="95%">
<tr>
<td>
<div id="shipinfoleft" width="50%">
<strong id="strong_c596_0">Bill To</strong><br />
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Name:</th> <td>&mvte:order:bill_fname; &mvte:order:bill_lname;</td></tr></table>
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Email:</th> <td>&mvte:order:bill_email;</td></tr></table>
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Phone:</th> <td>&mvte:order:bill_phone;</td></tr></table>
<mvt:if expr="NOT ISNULL l.settings:order:bill_fax">
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Fax:</th> <td>&mvte:order:bill_fax;</td></tr></table>
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:order:bill_comp">
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Company:</th> <td>&mvte:order:bill_comp;</td></tr></table>
</mvt:if>
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Address:</th> <td>&mvte:order:bill_addr;<br />
&mvte:order:bill_city;, &mvte:order:bill_state; &mvte:order:bill_zip;<br />
&mvte:order:bill_cntry;</td></tr></table>
</div>
<div id="shipinforight" width="50%">
<strong id="strong_c596_0">Ship To</strong><br />
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" width="60" width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Name:</th> <td>&mvte:order:ship_fname; &mvte:order:ship_lname;</td></tr></table>
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Email:</th> <td>&mvte:order:ship_email;</td></tr></table>
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Phone:</th> <td>&mvte:order:ship_phone;</td></tr></table>
<mvt:if expr="NOT ISNULL l.settings:order:ship_fax">
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Fax:</th> <td>&mvte:order:ship_fax;</td></tr></table>
</mvt:if>
<mvt:if expr="NOT ISNULL l.settings:order:ship_comp">
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Company:</th> <td>&mvte:order:ship_comp;</td></tr></table>
</mvt:if>
<table style="border-collapse: collapse; border-spacing: 0; font-size: 11px;"><tr><th width="60" style="padding-right: 5px; vertical-align: top; text-align:right;">Address:</th> <td>&mvte:order:ship_addr;<br />
&mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;<br />
&mvte:order:ship_cntry;</td></tr></table>
</div>
<div style="clear:both;"></div>
</td>
</tr>
</table>
</div>
<div style="clear: both;"></div>
</div>
<hr id="hr_c596_1" />
<div id="div_c596_5">
<strong id="strong_c596_1">Order summary</strong>
<mvt:if expr="g.Module_Code EQ 'tokenlist'">
<mvt:item name="toe_order_contents" />
<mvt:else>
<table id="table_c596_1">
<tr>
<th align="left" width="85">Code</th>
<th align="left" width="55"></th>
<th align="left">Product</th>
<th align="right" width="20">Qty.</th>
<th align="right" width="50">Total</th>
</tr>
<mvt:foreach iterator="item" array="order:items">
<tr id="tr_c596_0">
<td valign="top">&mvt:item:code;</td>
<td valign="top">
<mvt:item name="toolkit" param="customimagec|prodimage|l.all_settings:item:code|main" />
<mvt:item name="toolkit" param="sglosub|g.prodimage, ,%20" />
<mvt:if expr="g.prodimage">
<img src="&mvt:global:domain:base_url;&mvte:global:prodimage;" id="img_c596_1">
</mvt:if>
</td>
<td valign="top">
<mvt:item name="customfields" param="Read_Product_Code( l.settings:item:code, 'preorder', l.settings:preorder )" />
&mvt:item:name;
<mvt:if expr="l.settings:preorder"> <span>(Pre-Order)</span></mvt:if>
<mvt:foreach iterator="option" array="item:options">
<mvt:if expr="l.settings:option:option_id">
<br /><em>&mvt:option:attr_code;: &mvt:option:opt_code;</em>
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
<br /></em>&mvt:option:attr_code;: &mvt:option:data;</em>
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
<br /></em>&mvt:option:attr_code;: &mvt:option:data_long;</em>
<mvt:else>
<br /></em>&mvt:option:attr_code;</em>
</mvt:if>
</mvt:foreach>
</td>
<td valign="top" align="right">&mvt:item:quantity;</td>
<td valign="top" align="right">&mvt:item:formatted_subtotal;</td>
</tr>
</mvt:foreach>
<tr>
<td colspan="4" style="text-align:right;">
<mvt:foreach iterator="charge" array="order:charges">
&mvt:charge:descrip;:<br />
</mvt:foreach>
<strong id="strong_c596_1">Total:</strong>
</td>
<td style="text-align:right;">
<mvt:foreach iterator="charge" array="order:charges">
&mvt:charge:formatted_disp_amt;<br />
</mvt:foreach>
<strong id="strong_c596_1">&mvt:order:formatted_total;</strong>
</td>
</tr>
</table>
</mvt:if>
</div>
</table>
<p style="text-align:center; padding:10px 0;"><a href="http://www.jessicafaulkner.com/category/70-off-final-sale.html" style="text-decoration:none;"><img src="http://www.jessicafaulkner.com/images/EmailBanner_JessicaFaulkner.jpg" alt="In the meantime, check out our 70% sale!" style="border:none; max-width: 100%;"/></a></p>
<div id="div_c596_2" style="text-align:center;">
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/new-arrivals.html" id="a_c596_1">New Arrivals</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/exclusives.html" id="a_c596_2">Exclusives</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/dresses-and-skirts.html" id="a_c596_3">Dresses & Skirts</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/tops.html" id="a_c596_4">Tops</a><br />
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/bottoms.html" id="a_c596_5">Bottoms</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/jackets-and-outerwear.html" id="a_c596_6">Jackets & Outerwear</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/Accessories.html" id="a_c596_7">Accessories</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/swim.html" id="a_c596_8">Swim</a> •
<a style="color: #000; text-decoration: none;" href="http://www.jessicafaulkner.com/category/sale.html" id="a_c596_9">Sale</a>
</div>
</div>
</div>
</body>
</html><table id="table_c596_1">
<tr>
<th align="left" width="85">Code</th>
<th align="left">Product</th>
<th align="right" width="20">Quantity</th>
<th align="right" width="50">Total</th>
</tr>
<mvt:foreach iterator="item" array="order:groups">
<tr id="tr_c596_0">
<td style="padding: 5px 20px 5px 20px; background-color: #f7f7f7; vertical-align: top; width: 60px; text-align: left;">&mvt:item:code;</td>
<td style="padding: 5px 20px 5px 20px; background-color: #f7f7f7; vertical-align: top; text-align: left;">
&mvt:item:name;
</td>
<td style="padding: 5px 20px 5px 20px; background-color: #f7f7f7; vertical-align: top; width: 60px; text-align: right;">&mvt:item:quantity;</td>
<td style="padding: 5px 20px 5px 20px; background-color: #f7f7f7; vertical-align: top; width: 60px; text-align: right;">
&mvt:item:formatted_subtotal;
</td>
</tr>
<mvt:foreach iterator="option" array="item:options">
<tr>
<td> </td>
<td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;' }">
<mvt:if expr="l.settings:option:option_id">
&mvt:option:attr_code;: &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
&mvt:option:attr_code;: &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</td>
<td> </td>
<td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">
<mvt:if expr="l.settings:option:subtotal">
&mvt:option:formatted_subtotal;
<mvt:else>
</mvt:if>
</td>
</tr>
</mvt:foreach>
</mvt:foreach>
<tr style="background-color: #f7f7f7;">
<td colspan="3" style="padding: 5px 20px 5px 20px; vertical-align: bottom; text-align: right;">
<mvt:foreach iterator="charge" array="order:charges">
&mvt:charge:descrip;:<br />
</mvt:foreach>
<h2 id="strong_c596_1">Total:</h2>
</td>
<td style="padding: 5px 20px 5px 20px; vertical-align: bottom; text-align: right;">
<mvt:foreach iterator="charge" array="order:charges">
&mvt:charge:formatted_disp_amt;<br />
</mvt:foreach>
<h2 id="strong_c596_1">&mvt:order:formatted_total;</h2>
</td>
</tr>
</table><table>
<tr class="basket-heading">
<td class="item-name">Item</td>
<td class="item-quantity">Qty.</td>
<td class="item-price">Item Price</td>
<td class="item-total">Total Price</td>
</tr>
<mvt:foreach iterator="item" array="order:items">
<tr>
<td class="item-name">
<div class="special-offer"><mvt:if expr="l.settings:item:upsold">(Special Offer)</mvt:if></div>
<div class="item-name">
&mvt:item:name; - <span class="item-code">
&mvt:item:code;
</span>
</div>
</td>
<td class="item-quantity">
&mvt:item:quantity;
</td>
<td class="item-price">
&mvt:item:formatted_price;
</td>
<td class="item-total">
&mvt:item:formatted_subtotal;
</td>
</tr>
<mvt:foreach iterator="option" array="item:options">
<tr class="item-options">
<td class="item-name">
<mvt:if expr="l.settings:option:option_id">
&mvt:option:attr_code;: &mvt:option:opt_code;
<mvt:elseif expr="NOT ISNULL l.settings:option:data">
&mvt:option:attr_code;: &mvt:option:data;
<mvt:elseif expr="NOT ISNULL l.settings:option:data_long">
&mvt:option:attr_code;: &mvt:option:data_long;
<mvt:else>
&mvt:option:attr_code;
</mvt:if>
</td>
<td class="item-quantity"> </td>
<td class="item-price">
<mvt:if expr="l.settings:option:price">
&mvt:option:formatted_price;
<mvt:else>
</mvt:if>
</td>
<td class="item-total">
<mvt:if expr="l.settings:option:price">
&mvt:option:formatted_subtotal;
<mvt:else>
</mvt:if>
</td>
</tr>
</mvt:foreach>
</mvt:foreach>
<mvt:foreach iterator="charge" array="order:charges">
<tr class="basket-charges">
<td colspan="2"> </td>
<td class="charge-description">
&mvt:charge:descrip;:
</td>
<td class="formatted-charge">
&mvt:charge:formatted_disp_amt;
</td>
</tr>
</mvt:foreach>
<tr id="basket-totals">
<td colspan="2"> </td>
<td class="total-prompt">
Total:
</td>
<td class="formatted-total">
&mvt:order:formatted_total;
</td>
</tr>
</table>
<div class="clear"></div>
以上是关于xml 响应式电子邮件模板（专为JessicaFaulkner而设计）的主要内容，如果未能解决你的问题，请参考以下文章
xml Jessica Faulkner的响应式电子邮件模板（发货）