Add Product Images to Packing Slips | How To

Locate the packing slip template you want to update and click the name.

In the editor, locate the shipment.line_items variable. Typically it will look something like this:

{{ shipment.line_items | sort: 'name' | columns: 'sku|qty|item name|price|total' }}

To display the product images, add the word "image" into the list of columns, separated by a | symbol.

The string of words displayed after "columns:" indicate which data is displayed in each column. The order of the words indicates the order of the columns.  Learn how to customize packing slip templates with variables.

For example: {{ shipment.line_items | sort: 'name' | columns: 'sku|image|qty|item name|price|total' }}

By default, all images from the Product Catalog are sized at 75x75 pixels, but you can change that by specifying a size with "image_size". This is also separated from the other data with a | symbol and placed at the end of the variable line.

For example:{{ shipment.line_items | sort: 'name' | columns: 'sku|qty|item name|price|total' | image_size: '60x60' }}

Preview your packing slip via the grey Preview button to expand the menu. Select to view the packing slip in portrait or landscape. Learn more about how to create a new Packing Slip template.

Click the blue Update button when you are satisfied with the results and you're done!