Follow

How to: Add product images to Packing Slips

Created:   |   Updated:

Make your packing slips more interesting and useful by adding your product images!

Before you get started customizing your packing slips, you will need to configure your Product Catalog.  Learn how to upload your products and add your images to your product listings.

With a well stocked Product Catalog in hand, you are ready to add your product images to your packing slips. If you do not have a packing slip template selected, learn how to select a packing slip template and save it to your settings.

To add product images to Packing Slips:

  1. Go to SETTINGS >> PACKING SLIPS.
    packing_slips_page.PNG

  2. Locate the packing slip template you want to update and click the name.
    packing_slip_name_highlighted.PNG
  3. 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' }}
    Packing_Slip_-_Shipment_line_item_variable.png

  4. 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 more.

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

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

  5. 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' }}

  6. You can 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.
    packing_slip_preview_size_expanded.png

  7. When you are satisfied with the results, click the blue Update button and you're done!
    update_button_packing_slips.PNG
     

 


Related articles:

How to: Upload product images to my Product Catalog
FAQs: Packing Slips
How to: Set up your Packing Slips
How to: Create a custom Packing Slip Template and save it to your settings
How to: Design a custom Packing Slip Template


Comments

Please sign in to leave a comment.




Community    browse  

COMMUNITY FORUMS
FEATURE REQUESTS

Questions & Answers

Issues & Bugs

Productivity

Partners

Shipping

Inventory

Marketing