Custom Staff Order Notification (Code Help?)

Technical Q&A
1

We have a staff order notification set to email our HP printer so that they print out as soon as we get an online order. Our issue is that we wanted to make it look identical, or as close to identical as possible, to the “Packing Slips”. We took the custom code from the Packing Slips and put it in for our staff order notifications, but we noticed some issues with Liquid and it wouldn’t work out of the box so we had to tweak it a little. We pretty much got all the necessary stuff fixed, but we are still having a small issue that is more a nuisance than a problem.

When we get the printout it looks like it is taking the product name and dropping it to the next line instead of putting it next to the image of the product. It also looks like instead of putting the order number and date ordered at the very top right like in the original, it puts it further down the page (not a huge issue, but might as well see if we can fix this while we’re at it :wink: )We were wondering if someone wouldn’t mind taking a peek at our code and see if there is something we did wrong or some way to fix it?

Here’s what it looks like when it prints:

PXL_20210107_152451507.jpg
PXL_20210107_152451507.jpg3024×2135 1.17 MB

Here’s what it should look like:

2.jpg
2.jpg769×453 41.8 KB

Here’s our code for the staff email notification that we set up:

Show More

Order {{ name }}

{{ created_at | date: “%B %e, %Y” }}

{% if delivery_method.instructions != blank %}
Delivery to
{% else %}
Ship to
{% endif %}

{% if shipping_address != blank %}
{{ shipping_address.name }}
{% if shipping_address.company != blank %}

{{ shipping_address.company }}
{% endif %}

{{ shipping_address.address1 }}
{% if shipping_address.address2 != blank %}

{{ shipping_address.address2 }}
{% endif %}
{% if shipping_address.city_province_zip != blank %}

{{ shipping_address.city_province_zip }}
{% endif %}

{{ shipping_address.country }}
{% if shipping_address.phone != blank %}

{{ shipping_address.phone }}
{% endif %}
{% else %}
No shipping address
{% endif %}

Bill to

{% if billing_address != blank %}
{{ billing_address.name }}
{% if billing_address.company != blank %}

{{ billing_address.company }}
{% endif %}

{{ billing_address.address1 }}
{% if billing_address.address2 != blank %}

{{ billing_address.address2 }}
{% endif %}
{% if billing_address.city_province_zip != blank %}

{{ billing_address.city_province_zip }}
{% endif %}

{{ billing_address.country }}
{% else %}
No billing address
{% endif %}

Items

Quantity

{% comment %}
To adjust the size of line item images, change desired_image_size.
The other variables make sure your images print at high quality.
{% endcomment %}
{% assign desired_image_size = 58 %}
{% assign resolution_adjusted_size = desired_image_size | times: 300 | divided_by: 72 | ceil %}
{% capture effective_image_dimensions %}
{{ resolution_adjusted_size }}x{{ resolution_adjusted_size }}
{% endcapture %}

{% for line_item in line_items %}

{% if line_item.image != blank %}

{{ line_item.image | img_url: effective_image_dimensions | img_tag: ‘’, ‘aspect-ratio__content’ }}

{% endif %}

{{ line_item.title }}

{% if line_item.variant_title != blank %}

{{ line_item.variant_title }}

{% endif %}
{% if line_item.sku != blank %}

{{ line_item.sku }}

{% endif %}

{{ line_item.quantity }} of {{ line_item.quantity }}

{% endfor %}

{% if note != blank %}

Notes

{{ note }}

{% endif %}
{% if delivery_method.instructions != blank %}

Delivery instructions

{{ delivery_method.instructions }}

{% endif %}

Thank you for shopping with us!

{{ shop.name }}

{{ shop.address.street }}, {{ shop.address.city }}, {{ shop.address.province_code }}, {{ shop.address.zip }}, {{ shop.address.country }}

{{ shop.email }}

{{ shop.domain }}

2

bump for no response :disappointed_face: