When you partially ship an order you might want to showcase to your customer the status of the rest of the order. Just so they fully understand the status of each package:
To display items included in the initial Order, in any Shipment Email Template, you can use the other_items variable, tagged with the @repeat property.
The other_items tagged with the @exists property can be used to add a Heading, to separate the main Shipped Item section from the Other Items section.
Additional items on the Order are displayed in the table via the @repeat property, which is used to tag the other_items variable.
A full example can be found below:
<!-- @exists other_items -->
<tr>
<td style="padding-top: 40px;">
<table style="max-width:600px;margin:0 auto 10px; padding: 20px 0;border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;" width="100%" cellspacing="0" cellpadding="0"
align="center">
<tbody>
<tr>
<td align="left"><span style="[*primary_font*] font-size: 18px; [*title_color*] font-weight: bold; line-height: 22px; padding: 10px 0; text-align: left; float: left;"> OTHER ITEMS IN YOUR ORDER</span>
</td>
<td align="right"><span style="[*primary_font*] font-size: 18px; [*title_color*] font-weight: bold; line-height: 22px; padding: 10px 0; text-align: right; float: right;"> ITEM(S) [*otheritemscount*] </span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- @end-exists other_items -->
<!-- @repeat other_items -->
<tr>
<td>
<table style="max-width: 600px; border-collapse: collapse; margin: 0 auto 10px; border-bottom: 1px dotted #cccccc;" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td colspan="2">
<span style="[*body_font*]font-size:14px;[*secondary_color*]padding:10px 0;line-height:22px;">Status: [*item_status_desc*]</span>
</td>
</tr>
<!-- @exists item_track_url -->
<tr>
<td colspan="2">
<span style="[*body_font*]font-size:14px;[*secondary_color*]padding:10px 0;line-height:22px;">
Tracking #: <a href="[*item_track_url*]"><span style="[*body_font*]font-size:14px;[*secondary_color*]padding:10px 0;line-height:22px;">[*item_track_no*]</span></a>
</span>
</td>
</tr>
<!-- @end-exists item_track_url -->
<tr>
<td width="160"><a href="[*product_url*]"> <img src="[*product_image*]" width="140" data-imagetype="External" /> </a></td>
<td width="440">
<table style="border-collapse:collapse;" width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="padding-top:10px;" colspan="5" valign="top">
<a href="[*product_url*]">
<span style="[*body_font*]font-size:14px;[*secondary_color*]padding:10px 0;line-height:22px;">
[*product_name*]
</span>
</a>
<br />
<span style="[*body_font*]display:block;font-size:12px;[*secondary_color*]padding:10px 0 0;line-height:18px;">
[*product_sku*]
<br />
[*item_options*]
</span>
</td>
</tr>
<tr>
<td><span style="[*body_font*]display:block;font-size:12px;[*secondary_color*]padding:10px 0 0;line-height:18px;">Price</span></td>
<td><span style="[*body_font*]display:block;font-size:12px;[*secondary_color*]padding:10px 0 0;line-height:18px;">Qty</span></td>
<td><span style="[*body_font*]display:block;font-size:12px;[*secondary_color*]padding:10px 0 0;line-height:18px;text-align:right;">Total</span></td>
</tr>
<tr>
<td>
<span style="[*body_font*]font-size:12px;[*secondary_color*]padding:10px 0;line-height:22px;">$[*item_price*]</span>
</td>
<td>
<span style="[*body_font*]font-size:12px;[*secondary_color*]padding:10px 0;line-height:22px;">[*item_quantity*]</span>
</td>
<td>
<span style="[*body_font*]font-size:12px;[*secondary_color*]font-weight:bold;padding:10px 0;line-height:22px;text-align:right;display:block;">$[*item_subtotal*]</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- @end-repeat other_items -->
Comments
0 comments
Please sign in to leave a comment.