Order Tracking
<div style="text-align: center;">Enter your tracking number here to see your order status.</div>
<br>
<div style="text-align: center;"><input maxlength="50" id="YQNum" type="text"> <input value="TRACK" type="button" onclick="doTrack()"></div>
<div id="YQContainer"></div>
<!--Script code can be put in the bottom of the page, wait until the page is loaded then execute.--> <script type="text/javascript" src="//www.17track.net/externalcall.js"></script> <script type="text/javascript">// <![CDATA[
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num===""){
alert("Enter your number.");
return;
}
YQV5.trackSingle({
//Required, Specify the container ID of the carrier content.
YQ_ContainerId:"YQContainer",
//Optional, specify tracking result height, max height 800px, default is 560px.
YQ_Height:560,
//Optional, select carrier, default to auto identify.
YQ_Fc:"0",
//Optional, specify UI language, default language is automatically detected based on the browser settings.
YQ_Lang:"en",
//Required, specify the number needed to be tracked.
YQ_Num:num
});
}
// ]]></script> Confirmation Email Script: !!Important!! CHANGE PAGE URL IN THE SCRIPT {% if fulfillment.item_count == item_count %} {% capture email_title %}Your order is on the way{% endcapture %} {% capture email_body %}
<p>Good news, we have just shipped out your order 🙂 You can copy your tracking number below and enter it in the order tracking page to view your delivery status.<br><br> Tracking number: {{fulfillment.tracking_numbers}}<br><br> If your tracking number isn't working, please wait 2-3 days and try again. In most cases, your order is on the way, but the system information is delayed.</p>
{% endcapture %} {% elsif fulfillment.item_count > 1 %} {% if fulfillment_status == 'fulfilled' %} {% capture email_title %}The last items in your order are on the way{% endcapture %} {% capture email_body %}The last items in your order are on the way. Track your shipment to see the delivery status.{% endcapture %} {% else %} {% capture email_title %}Some items in your order are on the way{% endcapture %} {% capture email_body %}Some items in your order are on the way. Track your shipment to see the delivery status.{% endcapture %} {% endif %} {% else %} {% if fulfillment_status == 'fulfilled' %} {% capture email_title %}The last item in your order is on the way{% endcapture %} {% capture email_body %}The last item in your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% else %} {% capture email_title %}One item in your order is on the way{% endcapture %} {% capture email_body %}One item in your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% endif %} {% endif %} {% capture email_emphasis %}Estimated delivery date: <strong>{{fulfillment.estimated_delivery_at | date: "%B %-d, %Y"}}</strong>{% endcapture %}{{ email_title }}<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
<style><!--
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
--></style>
<table class="body">
<tbody>
<tr>
<td>
<table class="header row">
<tbody>
<tr>
<td class="header__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<td class="shop-name__cell">{%- if shop.email_logo_url %} <img width="{{ shop.email_logo_width }}" alt="{{ shop.name }}" src="{{shop.email_logo_url}}"> {%- else %}
<h1 class="shop-name__text"><a href="{{shop.url}}">{{ shop.name }}</a></h1>
{%- endif %}</td>
<td class="order-number__cell"><span class="order-number__text"> Order {{ order_name }} </span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<table class="row content">
<tbody>
<tr>
<td class="content__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<h2>{{ email_title }}</h2>
<p>{{ email_body }}</p>
{% if fulfillment.estimated_delivery_at %}
<p>{{ email_emphasis }}</p>
{% endif %} {% if order_status_url %}
<table class="row actions">
<tbody>
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tbody>
<tr>
<td class="button__cell"><a class="button__text" href="https://yourstorename.com/pages/track">Track your order</a></td>
</tr>
</tbody>
</table>
{% if shop.url %}
<table class="link secondary-action-cell">
<tbody>
<tr>
<td class="link__cell">or <a href="{{%20shop.url%20}}">Visit our store</a></td>
</tr>
</tbody>
</table>
{% endif %}</td>
</tr>
</tbody>
</table>
{% else %} {% if shop.url %}
<table class="row actions">
<tbody>
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tbody>
<tr>
<td class="button__cell"><a class="button__text" href="{{%20shop.url%20}}">Visit our store</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
{% endif %} {% endif %}</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<table class="row section">
<tbody>
<tr>
<td class="section__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<h3>Items in this shipment</h3>
</td>
</tr>
</tbody>
</table>
<table class="container">
<tbody>
<tr>
<td>{% for line in fulfillment.fulfillment_line_items %} {% endfor %}
<table class="row">
<tbody>
<tr class="order-list__item">
<td class="order-list__item__cell">
<table>
<tbody>
<tr>
<td>{% if line.line_item.image %} <img class="order-list__product-image" height="60" width="60" align="left" src="{{%20line.line_item%20|%20img_url:%20'compact_cropped'%20}}"> {% endif %}</td>
<td class="order-list__product-description-cell">{% if line.line_item.product.title %} {% assign line_title = line.line_item.product.title %} {% else %} {% assign line_title = line.line_item.title %} {% endif %} {% if line.quantity < line.line_item.quantity %} {% capture line_display %} {{ line.quantity }} of {{ line.line_item.quantity }} {% endcapture %} {% else %} {% assign line_display = line.line_item.quantity %} {% endif %} <span class="order-list__item-title">{{ line_title }} × {{ line_display }}</span><br> {% if line.line_item.variant.title != 'Default Title' %} <span class="order-list__item-variant">{{ line.line_item.variant.title }}</span><br> {% endif %} {% if line.line_item.refunded_quantity > 0 %} <span class="order-list__item-refunded">Refunded</span> {% endif %} {% if line.line_item.discount_allocations %} {% for discount_allocation in line.line_item.discount_allocations %} {% if discount_allocation.discount_application.target_selection != 'all' %} <span class="order-list__item-discount-allocation"> <img class="discount-tag-icon" height="18" width="18" src="{{%20'notifications/discounttag.png'%20|%20shopify_asset_url%20}}"> <span> {{ discount_allocation.discount_application.title | upcase }} (-{{ discount_allocation.amount | money }}) </span> </span> {% endif %} {% endfor %} {% endif %}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<table class="row footer">
<tbody>
<tr>
<td class="footer__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{%20shop.email%20}}">{{ shop.email }}</a></p>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<img height="1" class="spacer" src="{{%20'notifications/spacer.png'%20|%20shopify_asset_url%20}}"></td>
</tr>
</tbody>
</table>
<br>
<div style="text-align: center;"><input maxlength="50" id="YQNum" type="text"> <input value="TRACK" type="button" onclick="doTrack()"></div>
<div id="YQContainer"></div>
<!--Script code can be put in the bottom of the page, wait until the page is loaded then execute.--> <script type="text/javascript" src="//www.17track.net/externalcall.js"></script> <script type="text/javascript">// <![CDATA[
function doTrack() {
var num = document.getElementById("YQNum").value;
if(num===""){
alert("Enter your number.");
return;
}
YQV5.trackSingle({
//Required, Specify the container ID of the carrier content.
YQ_ContainerId:"YQContainer",
//Optional, specify tracking result height, max height 800px, default is 560px.
YQ_Height:560,
//Optional, select carrier, default to auto identify.
YQ_Fc:"0",
//Optional, specify UI language, default language is automatically detected based on the browser settings.
YQ_Lang:"en",
//Required, specify the number needed to be tracked.
YQ_Num:num
});
}
// ]]></script> Confirmation Email Script: !!Important!! CHANGE PAGE URL IN THE SCRIPT {% if fulfillment.item_count == item_count %} {% capture email_title %}Your order is on the way{% endcapture %} {% capture email_body %}
<p>Good news, we have just shipped out your order 🙂 You can copy your tracking number below and enter it in the order tracking page to view your delivery status.<br><br> Tracking number: {{fulfillment.tracking_numbers}}<br><br> If your tracking number isn't working, please wait 2-3 days and try again. In most cases, your order is on the way, but the system information is delayed.</p>
{% endcapture %} {% elsif fulfillment.item_count > 1 %} {% if fulfillment_status == 'fulfilled' %} {% capture email_title %}The last items in your order are on the way{% endcapture %} {% capture email_body %}The last items in your order are on the way. Track your shipment to see the delivery status.{% endcapture %} {% else %} {% capture email_title %}Some items in your order are on the way{% endcapture %} {% capture email_body %}Some items in your order are on the way. Track your shipment to see the delivery status.{% endcapture %} {% endif %} {% else %} {% if fulfillment_status == 'fulfilled' %} {% capture email_title %}The last item in your order is on the way{% endcapture %} {% capture email_body %}The last item in your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% else %} {% capture email_title %}One item in your order is on the way{% endcapture %} {% capture email_body %}One item in your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% endif %} {% endif %} {% capture email_emphasis %}Estimated delivery date: <strong>{{fulfillment.estimated_delivery_at | date: "%B %-d, %Y"}}</strong>{% endcapture %}{{ email_title }}<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
<style><!--
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
--></style>
<table class="body">
<tbody>
<tr>
<td>
<table class="header row">
<tbody>
<tr>
<td class="header__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<td class="shop-name__cell">{%- if shop.email_logo_url %} <img width="{{ shop.email_logo_width }}" alt="{{ shop.name }}" src="{{shop.email_logo_url}}"> {%- else %}
<h1 class="shop-name__text"><a href="{{shop.url}}">{{ shop.name }}</a></h1>
{%- endif %}</td>
<td class="order-number__cell"><span class="order-number__text"> Order {{ order_name }} </span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<table class="row content">
<tbody>
<tr>
<td class="content__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<h2>{{ email_title }}</h2>
<p>{{ email_body }}</p>
{% if fulfillment.estimated_delivery_at %}
<p>{{ email_emphasis }}</p>
{% endif %} {% if order_status_url %}
<table class="row actions">
<tbody>
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tbody>
<tr>
<td class="button__cell"><a class="button__text" href="https://yourstorename.com/pages/track">Track your order</a></td>
</tr>
</tbody>
</table>
{% if shop.url %}
<table class="link secondary-action-cell">
<tbody>
<tr>
<td class="link__cell">or <a href="{{%20shop.url%20}}">Visit our store</a></td>
</tr>
</tbody>
</table>
{% endif %}</td>
</tr>
</tbody>
</table>
{% else %} {% if shop.url %}
<table class="row actions">
<tbody>
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tbody>
<tr>
<td class="button__cell"><a class="button__text" href="{{%20shop.url%20}}">Visit our store</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
{% endif %} {% endif %}</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<table class="row section">
<tbody>
<tr>
<td class="section__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<h3>Items in this shipment</h3>
</td>
</tr>
</tbody>
</table>
<table class="container">
<tbody>
<tr>
<td>{% for line in fulfillment.fulfillment_line_items %} {% endfor %}
<table class="row">
<tbody>
<tr class="order-list__item">
<td class="order-list__item__cell">
<table>
<tbody>
<tr>
<td>{% if line.line_item.image %} <img class="order-list__product-image" height="60" width="60" align="left" src="{{%20line.line_item%20|%20img_url:%20'compact_cropped'%20}}"> {% endif %}</td>
<td class="order-list__product-description-cell">{% if line.line_item.product.title %} {% assign line_title = line.line_item.product.title %} {% else %} {% assign line_title = line.line_item.title %} {% endif %} {% if line.quantity < line.line_item.quantity %} {% capture line_display %} {{ line.quantity }} of {{ line.line_item.quantity }} {% endcapture %} {% else %} {% assign line_display = line.line_item.quantity %} {% endif %} <span class="order-list__item-title">{{ line_title }} × {{ line_display }}</span><br> {% if line.line_item.variant.title != 'Default Title' %} <span class="order-list__item-variant">{{ line.line_item.variant.title }}</span><br> {% endif %} {% if line.line_item.refunded_quantity > 0 %} <span class="order-list__item-refunded">Refunded</span> {% endif %} {% if line.line_item.discount_allocations %} {% for discount_allocation in line.line_item.discount_allocations %} {% if discount_allocation.discount_application.target_selection != 'all' %} <span class="order-list__item-discount-allocation"> <img class="discount-tag-icon" height="18" width="18" src="{{%20'notifications/discounttag.png'%20|%20shopify_asset_url%20}}"> <span> {{ discount_allocation.discount_application.title | upcase }} (-{{ discount_allocation.amount | money }}) </span> </span> {% endif %} {% endfor %} {% endif %}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<table class="row footer">
<tbody>
<tr>
<td class="footer__cell"><center>
<table class="container">
<tbody>
<tr>
<td>
<p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{%20shop.email%20}}">{{ shop.email }}</a></p>
</td>
</tr>
</tbody>
</table>
</center></td>
</tr>
</tbody>
</table>
<img height="1" class="spacer" src="{{%20'notifications/spacer.png'%20|%20shopify_asset_url%20}}"></td>
</tr>
</tbody>
</table>