If you would like to add the order date and time details to your packing slips, you can use the Pickeasy snippet code to display the selected date and time on the packing slip.
Pickeasy date and time details can be added to both:
- Shopify's native Packing Slip template
- Shopify's Order Printer app packing slip template
You can add the provided Pickeasy code to the template to display the selected delivery/pickup date and time on the packing slip.
1. Add Pickeasy Date & Time Details to Shopify's Native Packing Slip
Step 1:
Go to Shopify Admin → Settings and search for Packing slip in the search bar.
Alternatively, navigate to:
Shopify Admin → Settings → Shipping and delivery → Packing slips / Templates
Step 2:
Open the Packing slip template.
You will see the template's code. Paste the Pickeasy code provided below in the location where you want the date and time details to appear on the packing slip.
Once the code has been added, click Preview in the top-right corner. Select an order from the preview to verify that the Pickeasy date and time details are displayed correctly.
Note: For Shopify’s native packing slip template,The template can only display the order details fetched through the Pickeasy inStoreAppId (such as order due date, time, fulfillment type). No additional details (for example : translate due date/time) can be added beyond the information available from the order.
Please paste the given code in the required area :
<div class="instore-fulfillment-wrapper">
{% assign first_instore_value = '' %}
{% assign best_instore_value = '' %}
{% assign max_ts = 0 %}
{% for line_item in line_items_in_shipment %}
{% if line_item.properties == blank %}
{% continue %}
{% endif %}
{% for property in line_item.properties %}
{% if property.first != '_instoreAppId' %}
{% continue %}
{% endif %}
{% assign instore_value = property.last %}
{% if first_instore_value == blank %}
{% assign first_instore_value = instore_value %}
{% endif %}
{% assign ts_num = 0 %}
{% assign parts = instore_value | split: '&' %}
{% for part in parts %}
{% assign clean_part = part | replace: 'amp;', '' | strip %}
{% if clean_part contains 'TS=' %}
{% assign ts_num = clean_part | remove: 'TS=' | plus: 0 %}
{% break %}
{% endif %}
{% endfor %}
{% if ts_num > 0 and ts_num > max_ts %}
{% assign max_ts = ts_num %}
{% assign best_instore_value = instore_value %}
{% endif %}
{% endfor %}
{% endfor %}
{% if best_instore_value != blank %}
{% assign chosen_instore_value = best_instore_value %}
{% else %}
{% assign chosen_instore_value = first_instore_value %}
{% endif %}
{% if chosen_instore_value != blank %}
{% assign fulfillment_type = '' %}
{% assign due_date = '' %}
{% assign due_time = '' %}
{% assign parts = chosen_instore_value | split: '&' %}
{% for part in parts %}
{% assign clean_part = part | replace: 'amp;', '' | strip %}
{% if clean_part contains 'FT=' %}
{% assign fulfillment_type = clean_part | remove: 'FT=' %}
{% elsif clean_part contains 'DD=' %}
{% assign due_date = clean_part | remove: 'DD=' %}
{% elsif clean_part contains 'DT=' %}
{% assign due_time = clean_part | remove: 'DT=' %}
{% endif %}
{% endfor %}
{% if fulfillment_type == 'pickup' %}
{% assign label = 'Store Pickup' %}
{% elsif fulfillment_type == 'delivery' %}
{% assign label = 'Local Delivery' %}
{% else %}
{% assign label = 'Order Due At' %}
{% endif %}
{% if due_date != blank or due_time != blank %}
<div class="fulfillment-info" style="margin:0;padding:5px;">
{% if due_date != blank %}
<p style="margin:0;">
<strong>{{ label }} Date:</strong> {{ due_date }}
</p>
{% endif %}
{% if due_time != blank %}
<p style="margin:0;">
<strong>{{ label }} Time:</strong> {{ due_time }}
</p>
{% endif %}
</div>
{% endif %}
{% endif %}
</div>2. Add Pickeasy Date & Time Details to the Shopify Order Printer App
Step 1: Install the Order Printer app
Go to the Shopify App Store and search for Order Printer by Shopify.
Install the app on your store.
Step 2:
Open the Order Printer app and go to Templates.
Step 3:
Select the Packing slip template and click Edit code.
Add the Pickeasy code provided below at the location where you want the date and time details to appear on the packing slip.
Step 4:
After adding the code, click Preview and select an order to verify that the Pickeasy date and time details are displayed correctly.
Note: The Pickeasy code should be added to the packing slip template code exactly as provided.
5. Please add the provided code below :
{% if order.attributes['Order Due Date'] %}
<table class="container">
<br/>
<tr>
<td>
{% if order.attributes['Order Fulfillment Type'] == "Local Delivery" or order.attributes['Order Fulfillment Type'] == "Store Pickup" %}
<h4>{{order.attributes['Order Fulfillment Type']}} time</h4>
{% else %}
<h4>Order due at</h4>
{% endif %}
{{order.attributes['Order Due Date']}}
{% if order.attributes['Order Due Time']%}
{{order.attributes['Order Due Time']}}
{% endif %}
<br/>
{% if order.attributes['Order Location Address'] %}
<h4>Pickup Address</h4>
{{order.attributes['Order Location']}}
{{order.attributes['Order Location Address']}}
{% else %}
<h3 style="margin: 0 0 1em 0;">Delivery address</h3>
<div style="margin: 0 0 1em 0; padding: 1em;">
<strong>{{ shipping_address.name }}</strong><br/>
{% if shipping_address.company %}
{{ shipping_address.company }}<br/>
{% endif %}
{{ shipping_address.street }}<br/>
{{ shipping_address.city }}
{{ shipping_address.province_code }}
{{ shipping_address.zip | upcase }}<br/>
{{ shipping_address.country }}
{{ shipping_address.phone }}<br/>
</div>
{% endif %}
<br/>
{% if order.attributes['Order Additional Details'] %}Additional Details {{order.attributes['Order Additional Details']}}{% endif %}
<br/>
</td>
</tr>
</table>
{% endif %}If you need further information or assistance, please contact our customer support.