Order Printer
Marija avatar
Written by Marija
Updated over a week ago

Shopify invoice and packing slip templates don't include Zapiet - Pickup + Delivery details by default.

Shopify default packing slip template does not support our variables—you would need to use one of these apps:


Order Printer

Adding the invoice template

  1. Within the Order Printer app, click Manage templates.

  2. Find the Invoice and click Duplicate template.

  3. Invoice--COPY template will open. Scroll to the end of the template and find the following code.

    <p>If you have any questions, please send an email to <u>##{{ shop.email }}</u></p>
  4. Prepend the following code to the code above.

    {% comment %} Zapiet info {% endcomment %}  <div style="padding: 1.5em; border: 1px solid black;">{% for attribute in attributes %}   {% capture key %}##{{ attribute | first }}{% endcapture %}   {% if key == 'Checkout-Method' %}    {% comment %}Do nothing{% endcomment %}  {% elsif key == 'Pickup-Location-Id' %}    <h3 style="margin: 0 0 1em 0;">Pickup Information</h3>  {% elsif key == 'Delivery-Location-Id' %}     <h3 style="margin: 0 0 1em 0;">Delivery Information</h3>    LocationID: ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Location-Company' %}     ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Location-Address-Line-1' %}     ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Location-City' %}     ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Location-Region' %}     ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Location-Postal-Code' %}     ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Location-Country' %}     ##{{ attribute | last }}<br><br>  {% endif %}{% endfor %}{% for attribute in attributes %}   {% capture key %}##{{ attribute | first }}{% endcapture %}   {% if key == 'Pickup-Date' %}     Pickup Date: ##{{ attribute | last }}<br>  {% elsif key == 'Pickup-Time' %}     Pickup Time: ##{{ attribute | last }}<br>  {% elsif key == 'Delivery-Date' %}     Delivery Date: ##{{ attribute | last }}<br>  {% elsif key == 'Delivery-Time' %}     Delivery Time: ##{{ attribute | last }}<br>  {% elsif key == 'Shipping-Date' %}     Shipping Date: ##{{ attribute | last }}<br>  {% endif %} {% endfor %}</div>
  5. Click Save.

Your pickup invoice should look similar to the one below.

Your delivery invoice should look similar to the one below.

Shipping invoice will just include the date if you have the date picker turned on.


Adding the packing slip template

  1. Within the Order Printer app, click Manage templates.

  2. Find the Invoice and click Duplicate template.

  3. Packing slip--COPY template will open. Scroll to the end of the template and append the following code.

    {% comment %} Zapiet info {% endcomment %}<div style="padding: 1.5em; border: 1px solid black;">{% for attribute in attributes %}{% capture key %}##{{ attribute | first }}{% endcapture %}{% if key == 'Checkout-Method' %}{% comment %}Do nothing{% endcomment %}{% elsif key == 'Pickup-Location-Id' %}<h3 style="margin: 0 0 1em 0;">Pickup Information</h3>{% elsif key == 'Delivery-Location-Id' %}<h3 style="margin: 0 0 1em 0;">Delivery Information</h3>LocationID: ##{{ attribute | last }}<br>{% elsif key == 'Pickup-Location-Company' %}##{{ attribute | last }}<br>{% elsif key == 'Pickup-Location-Address-Line-1' %}##{{ attribute | last }}<br>{% elsif key == 'Pickup-Location-City' %}##{{ attribute | last }}<br>{% elsif key == 'Pickup-Location-Region' %}##{{ attribute | last }}<br>{% elsif key == 'Pickup-Location-Postal-Code' %}##{{ attribute | last }}<br>{% elsif key == 'Pickup-Location-Country' %}##{{ attribute | last }}<br><br>{% endif %}{% endfor %}{% for attribute in attributes %}{% capture key %}##{{ attribute | first }}{% endcapture %}{% if key == 'Pickup-Date' %}Pickup Date: ##{{ attribute | last }}<br>{% elsif key == 'Pickup-Time' %}Pickup Time: ##{{ attribute | last }}<br>{% elsif key == 'Delivery-Date' %}Delivery Date: ##{{ attribute | last }}<br>{% elsif key == 'Delivery-Time' %}Delivery Time: ##{{ attribute | last }}<br>{% elsif key == 'Shipping-Date' %}Shipping Date: ##{{ attribute | last }}<br>{% endif %}{% endfor %}</div>
  4. Click Save.

Your pickup packing slip should look similar to the one below.

Your delivery packing slip should look similar to the one below.

Shipping packing slip will just include the date if you have the date picker turned on.


Did this answer your question?