xml Jessica Faulkner的响应式电子邮件模板（发货）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了xml Jessica Faulkner的响应式电子邮件模板（发货）相关的知识，希望对你有一定的参考价值。
<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 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>Thank you for shopping at <a href="http://jessicafaulkner.com" />jessicafaulkner.com</a>. Clear out some closet space because your order is in transit.
</p>
<p>You can track the 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>
and view your shipped orders.</p>
<mvt:foreach iterator="shipment_info" array="shipment:shipments">
<p>Your tracking no. is:
<mvt:if expr="ISNULL l.settings:shipment_info:tracklink">
&mvt:shipment_info:tracknum;
<mvt:else>
<a target="_blank" href="&mvte:shipment_info:tracklink;">&mvt:shipment_info:tracknum;</a>
</mvt:if>
<br />Note: It may take up to 24 hours for tracking information to be posted.</p>
<hr id="hr_c596_1" />
<div id="div_c596_4">
<table id="table_c596_0" width="95%">
<tr>
<td colspan="4">
<strong id="strong_c596_0">Your Details</strong>
</td>
</tr>
<tr>
<td>
<div id="shipinfoleft" width="50%">
<strong>Name: </strong> &mvte:order:ship_fname; &mvte:order:ship_lname;
<br />
<strong>Email: </strong> &mvte:order:ship_email;
</div>
<div id="shipinforight" width="50%">
<strong>Shipping address: </strong>
<br /> &mvte:order:ship_addr;
<br /> &mvte:order:ship_city;, &mvte:order:ship_state; &mvte:order:ship_zip;
<br /> &mvte:order:ship_cntry;
</div>
<div style="clear:both;"></div>
</td>
</tr>
</table>
</div>
<hr id="hr_c596_2" />
<div id="div_c596_5">
<strong id="strong_c596_1">Order summary — shipped &mvt:shipment_info:formatted_ship_date;</strong>
<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>
</tr>
<mvt:foreach iterator="group" array="shipment_info:groups">
<tr style="background-color: #f7f7f7; font-weight: bold;">
<td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: left;">&mvt:group:code;</td>
<td style="padding: 5px 20px 5px 20px; vertical-align: top; text-align: left;">&mvt:group:name;</td>
<td style="padding: 5px 20px 5px 20px; vertical-align: top; width: 60px; text-align: right;">&mvt:group:quantity;</td>
</tr>
<mvt:foreach iterator="option" array="group: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>
</tr>
</mvt:foreach>
</table>
</div>
<p style="text-align:center;">
<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>
</mvt:foreach>
</div>
</div>
</body>
</html>以上是关于xml Jessica Faulkner的响应式电子邮件模板（发货）的主要内容，如果未能解决你的问题，请参考以下文章
❤️酷炫响应式电竞博客网页设计❤️（HTML+CSS+JavaScript）web前端期末大作业