How do I add an extra image to the footer of my Shopify Pos Pro printed receipt?

Retail & Point of Sale
1

I have a customised receipt in Shopify Pos Pro, I’ve added my logo to my header and some custom text to the footer of my printed receipts.

How do I add a separate static image to the footer of my receipt?

I assume it will require me to edit the footer.liquid section of the printed receipt code?

Does anyone know the syntax for the code and where it needs to go?

I assume it may look something like this?;

Description of Image

2

Hello @CrawshS

By default you can simple texts on header/footer. You need to upgrade to POS pro to have more customization. You can edit code , add HTML etc.

3

Hi Kazi,

Yes I’m using Pos Pro. I’ve managed to sort it through a process of trial and error. I inserted the image url for the QR code above the barcode section towards the bottom of </> footer.liquid see below bold bits in italics…

{% endif %}


QR Code Review Request



If we could do better, please let US know.

We’ll do our best to put it right
{% if display_barcode_type == ‘BARCODE_2D’ %}
{% if order.qr_code_content != nil and order.qr_code_content != blank %}

{{ order.qr_code_content | qrcode }}


{% endif %}
{% elsif display_barcode_type == ‘BARCODE_1D’ %}
{% if order.barcode_content != nil and order.barcode_content != blank %}

{{ order.barcode_content | barcode }}

2 Likes
4

Thats great!

5

I’m sure there’s a neater way to do it but it worked at least

6

Good effort great work!

Possible code improvements, try to wrap text in either paragraph, span, or div tags to maximize compatibility.

:woman_technologist: When using paragraph or div tags
tags may not be needed for extra line breaks.

In some cases use the 

 tag for specific whitespace formatting.


For the image url see the liquid file_img_url and related filters to avoid having to hardcode a url that may get stuck on an old version(?v=xxxxx parameter) of the image if you ever change it in the future.


And can help size the image


https://shopify.dev/docs/api/liquid/filters/file_img_url


In some cases instead of file see the brand assets object https://shopify.dev/docs/api/liquid/objects/brand


{% endif %}

![QR Code Review Request|200x200](upload://5eU3K1ls6bfFbKXulbDHYmE3ZTj.png)

If we could do better, please let **US** know.

We'll do our best to put it right

{% if display_barcode_type == 'BARCODE_2D' %}
 {% if order.qr_code_content != nil and order.qr_code_content != blank %}
  
 {% endif %}
{% elsif display_barcode_type == 'BARCODE_1D' %}
 {% if order.barcode_content != nil and order.barcode_content != blank %}
  


            


            

              
              
              1 Like