8.5x11 / A4 Shopify Packing Slip Code Template Instructions - Design A

This guide will provide you with all the steps required to add your new Shopify Packing Slip template to your Shopify site. If you haven't purchased the template yet, you can find it by clicking here.

To complete this set up process you will need to have an image for your business logo and have downloaded the template code, which will have been emailed to you following your purchase (shopify_packing_slip_design_a.txt).

 

Step 1 - Log into Shopify

Ensure you are logged into the Shopify Admin area

 

Step 2 - Upload your business logo to Shopify

  1. Within the Shopify Admin area, click on Settings in the bottom left-hand corner of the screen
  2. Select Files from the left-hand menu
  3. If you do not already have a logo image uploaded, click Upload Files and upload your business logo image (for best results, ensure the logo is cropped, so whitespace around the image is removed)
  4. Within the file table, click the link icon to the right of the logo and copy the image URL
    File Upload Image for Shopify
  5. Paste the link copied in part 4 somewhere that can be easily accessed later on in the process

Examples of where you could paste the links are Notepad or Word applications. It does not matter which you choose, as the links only need to be held temporarily whilst you set up this template.

 

Step 3 - Add the new template code

  1. Select Settings (bottom-left menu within the Shopify admin area)
  2. Select Shipping and Delivery
  3. Scroll down the page and within Packing Slips click Edit
  4. If you have previously customised the packing slip template, you may wish to copy the code and save in a file for future use (the default Shopify packing slip does not need copying, as you can always revert back to the default if you wish)
  5. Highlight all of the code in the Packing Slip Template and press Delete
  6. Highlight and copy all of the code beneath the dashed line for your new packing slip in the downloaded file shopify_packing_slip_design_a.txt
  7. Paste the copied code into the Packing Slip Template in Shopify on line 1

 

Shopify Packing Slip code for A4 Design A template by Artisan IT

 

Step 4 - Add your business logo to the new template

  1. On line 3 {% assign shop-logo = "PASTE LOGO FILE URL HERE" %}, replace PASTE LOGO FILE URL HERE with the image URL that was copied in Step 2, Part 4 (do not delete the speech marks)
  2. Adjust the logo width and height values on lines 4 and 5

 

 Step 5 - Set the first line of text displayed beneath the product section

  1. If you want to change the first line of text, edit the text on line 6 within the two speech marks (default is "Thank you for shopping with us!")
  2. The font size for the first line of text can be altered on line 7. So if you would like the font size to be increased to 20 pixels, the line of code would look like this {% assign text-one-size = "20px" %}
  3. The font colour for the first line of text can be updated on line 8, by entering a hexadecimal value between the speech marks

 

 Step 6 - Save and preview the template

  1. Click Save
  2. Click Preview Template

 

Printing the documents

  1. Click Orders within the left hand menu of Shopify Admin
  2. Select all of the orders that you would like to print packing slips for
  3. Click the ... ellipses button
  4. Click Print packing slips
  5. Click Print
  • To save the documents as a PDF, change the print destination to the relevant PDF setting
  • If the colours are not correct on the printout, on Google Chrome, click More Settings and within Options ensure Background graphics is checked
  • If you wish to remove the webpage header and footer generated by the browser, within Options uncheck Headers and footers