Solved

Add barcode to the packing slip ( variants metafields )

Lin_RelationsJP
Excursionist
12 0 1

Goodday everyone,

 

I have to add the barcode and other info to the default packing slip on Shopify.

 

refering to this post

I edit the code as following

(line 125,126, 132, 133)

230206 packingslip barcode1.png230206 packingslip barcode2.png

but it shows nothing on the packingslip

230206 packingslip barcode3.png

 

our metafields register as below

230206 packingslip barcode4.png

 

How could I display these mefields data on the packing slip?

Accepted Solution (1)
LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Lin_RelationsJP,

Sorry for the confusion, I checked it again and Shopify doesn't support this. Refer: https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/packing-slips-vari...

Screenshot.png

You can try contacting Shopify directly for this. Refer https://help.shopify.com/en/questions#/contact
Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 12 (12)

AlohaAkahai
Shopify Partner
68 3 25

What you could do is @import the Google Font Barcode font. And add font class to the css. Also, there is builtin barcode metafield. By default, it mirrors the sku. 

 

 

https://fonts.google.com/specimen/Libre+Barcode+128+Text?query=barcode

LitExtension
Shopify Partner
4860 1001 1132

Hi @Lin_RelationsJP,

You can try the following code:

line_item.variant.metafields.custom.barcode

Then check the product variant has successfully added metafields, if everything is correct, it will display fine.

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Lin_RelationsJP
Excursionist
12 0 1

Hi LiExtension,

Thanks for your reply,

but I already tried the same code at line 133,

and it didn't work out.

 

Do you have another solution?

Lin_RelationsJP
Excursionist
12 0 1

Hi,

thanks for your reply,

 

but I'm not only adding the barcode but also other info I registered at metafields.

 

Do you have other suggestions?

AlohaAkahai
Shopify Partner
68 3 25

Try this:

 

{{ line_item.variant.metafields.custom.barcode }}

instead of 

{{line_item.variant.metafields.custom.barcode}}

 

The difference between NE code and SKU and Barcode is the space between text and curly brackets. 

Lin_RelationsJP
Excursionist
12 0 1

Dear AlohaAkahai, 

I added the space to lines 125, 126, 132, and 133,

but everything stayed the same.

assuming it only read the product's data and doesn't read the metafields data.

 

Do you have other suggestions?

LitExtension
Shopify Partner
4860 1001 1132

This is an accepted solution.

Hi @Lin_RelationsJP,

Sorry for the confusion, I checked it again and Shopify doesn't support this. Refer: https://help.shopify.com/en/manual/shipping/setting-up-and-managing-your-shipping/packing-slips-vari...

Screenshot.png

You can try contacting Shopify directly for this. Refer https://help.shopify.com/en/questions#/contact
Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Lin_RelationsJP
Excursionist
12 0 1

Hi @LitExtension ,

 

Many thanks for your help!

I will contact Shopify directly.

AlohaAkahai
Shopify Partner
68 3 25

What  @LitExtension actually said that Shopify doesn't generate barcodes out of the box.

Here is some more info for you, https://community.shopify.com/c/technical-q-a/adding-custom-meta-fields-to-packing-slip/td-p/1332362

AlohaAkahai
Shopify Partner
68 3 25
Lin_RelationsJP
Excursionist
12 0 1

hello @AlohaAkahai 

Thank you I will have a look this week@

 

Thomas_Lang1
Shopify Partner
234 6 54

You can also try our order related documents app, you can build a packing slip with drag & drop designer, it has a barcode line item field too, we are working on adding a metafield component for the line items 

 

 

Order related documents  

 

 

Software Developer | Owner of Tom IT - We build shopify apps
Marketplace Order Connector | Amazon bol.com & Walmart DSV
Order Related Documents | Print documents, Email document &Autoprint
Blog Product Spotlight | Add products to your blog articles!