Adding barcodes to the native Packing Slip

Store Design
21

Friend, How do you get “libre-barcode-39-inline.css” ?

Did you change the .ttf to .css directly?

22

I’ve got it! Thank you :grinning_face_with_smiling_eyes: :grinning_face_with_smiling_eyes: :grinning_face_with_smiling_eyes:

23

Alright I found another post that explains how to convert the font file to css.

Here is the post: https://community.shopify.com/c/shopify-design/google-fonts-suddenly-not-working-on-packing-slips/td-p/1099254.

But things did not work. ><

Update: It worked! Thank you all!

24

Ah - This thread is great… Just what we are trying to do and I feel we are so close…

I have the css file uploaded and can view it in my browser…

https://worthingwatersports.com/cdn/shop/t/3/assets/libre-barcode-39-inline.css

I am linking to it in the packing slip HTML

*{{ order.order_number }}*

And it just prints the order number when I preview the packing slip…

This works as a test in an seperate HTML file. Does the packslip need to be saved, or can you see this working in preview mode?

Anyone any ideas what is going wrong… Feels so close…

KR Nick

25

Hello everyone, I figured out the solution.

If you paste this code where your current SKU code is, you will have the barcode pop up instead

{% if line_item.sku != blank %}

{% assign barcode = empty %}
{% for item in order.line_items %}
{% if item.sku == line_item.sku %}
{% assign barcode = item.variant.barcode %}
{% endif %}
{% endfor %}
{% if barcode %}
{{ barcode}}
{% endif %}

{% endif %}
26

Hi Kai,

I’m facing a similar issue with getting the ‘#’ character to scan correctly using the Libre Barcode 128 font in Shopify’s Order Printer. You mentioned that adding a ‘*’ before and after the order number made it scan correctly, but I’m still having trouble with the ‘#’ character.

Did you manage to get it working? If so, could you please share how you generated the inline CSS for the Libre Barcode 128 font or any other solution you found?

Thanks in advance for your help!

Kind regards, Simba