Log in

Customizing Order Printer templates

You can create and customize up to 15 templates for the Order Printer app in your Shopify admin. By default, the Order Printer app includes two templates:

  • 发票- a basic invoice that you can send to a customer
  • Packing slip- a printout of your shop address and your customer's shipping address

On this page

Create a new Order Printer template

Creating a new Order Printer template requires you to be familiar with HTML, CSS, and Liquid. Shopify Theme Support can help with minor adjustments within the scope of theShopify Design Policy.

Steps:

  1. From your Shopify admin, clickSettings>Apps and sales channels.

  2. ClickOrder Printer打开应用程序。

  3. ClickManage templates.

  4. ClickAdd template.

  5. Enter a name for your new template in theNamefield.

  6. Add HTML, CSS, or Liquid code in theCodefield to create your template.

  7. When you're done, clickSave.

Edit an Order Printer template

Editing your Order Printer templates requires you to be familiar with HTML, CSS, and Liquid. Shopify Theme Support can help with minor adjustments within the scope of theShopify Design Policy.

Steps:

  1. From your Shopify admin, clickSettings>Apps and sales channels.

  2. ClickOrder Printer打开应用程序。

  3. ClickManage templates.

  4. Click the name of the template that you want to edit.

  5. Make your changes to the template by adding or editing HTML, CSS, or Liquid code in theCodefield. To preview examples of template customizations, refer toExample template customizations.

  6. When you're done, clickSave.

Example template customizations

The following examples explain some common ways to customize Order Printer templates:

  1. From your Shopify admin, go toContent>Files.
  2. ClickUpload filesand select the image file on your computer.
  3. On theFiles页面,找到uploaded file and clickCopy URL.
  4. From your Shopify admin, clickSettings>Apps and sales channels.
  5. ClickOrder Printer打开应用程序。
  6. ClickManage templates.
  7. Click the name of the template that you want to edit.
  8. Enter the following code snippet into your template where you would like your logo to appear:.
  9. Replaceyour-image-URLwith the image URL you copied. Depending on where you want your logo to be displayed, you might need to add a< br / >tag to add a line break before or after your image.

It should look like this in the HTML:

Example HTML code

Example: Make table widths 100%

To make your tables have borders and stretch to 100% width, add atable-tabularclass to your table:

class="table-tabular">...

Example: Display product thumbnails

To include product thumbnails, insert this code into your template:

{{line_item.product.featured_image|product_img_url:'thumb'|img_tag}}

Add order details

You can add order details to your templates, such as the name, quantity, and cost of items purchased. To add order details to your template:

  1. From your Shopify admin, clickSettings>Apps and sales channels.

  2. ClickOrder Printer打开应用程序。

  3. ClickManage templates.

  4. Click the name of the template that you want to edit.

  5. Use Liquid variables to add order details and HTML to add formatting. For example, the{{ line_item.price | money }}prints the price of the item.

  6. When you're done, clickSave.

For example, Nyla wants to edit her packing slip template to include a list of the items being shipped. She adds the following code to the bottom of herPacking sliptemplate in the Order Printer app:


 
  {% if show_line_item_taxes %}  {% endif %}  {% for line_item in line_items %}  {% if line_item.tax_lines %}  {% endif %}  {% endfor %} 
  
 Quantity ItemTaxesPrice 
  
 {{ line_item.quantity }} x {{ line_item.title }} {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}
 {% endfor %} 		{{ line_item.price | money }}

As a result, Nyla's packing slips now include a table that lists the items purchased.

Ready to start selling with Shopify?Try it free