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:
- Invoice - 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 the Shopify Design Policy.
Steps:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Order Printer to open the app.
Click Manage templates.
Click Add template.
Enter a name for your new template in the Name field.
Add HTML, CSS, or Liquid code in the Code field to create your template.
When you're done, click Save.
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 the Shopify Design Policy.
Steps:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Order Printer to open the app.
Click Manage templates.
Click the name of the template that you want to edit.
Make your changes to the template by adding or editing HTML, CSS, or Liquid code in the Code field. To preview examples of template customizations, refer to Example template customizations.
When you're done, click Save.
Example template customizations
The following examples explain some common ways to customize Order Printer templates:
- Add your logo to Order Printer templates
- Make table widths 100%
- Display product thumbnails
- Add order details
Example: Add your logo to Order Printer templates
Desktop
From your Shopify admin, go to Content > Files.
Click Upload files and select the image file on your computer.
On the Files page, find the uploaded file and click Copy URL.
From your Shopify admin, click Settings > Apps and sales channels.
Click Order Printer to open the app.
Click Manage templates.
Click the name of the template that you want to edit.
Enter the following code snippet into your template where you would like your logo to appear:
<img src="your-image-URL">
.Replace
your-image-URL
with 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.
iPhone
- From the Shopify app, tap the … button, and then tap Settings.
- In the Store settings section, tap Files.
- Tap Upload files and select the image file on your computer.
- On the Files page, find the uploaded file and tap Copy URL.
- From your Shopify admin, tap Settings > Apps and sales channels.
- Tap Order Printer to open the app.
- Tap Manage templates.
- Tap the name of the template that you want to edit.
- Enter the following code snippet into your template where you would like your logo to appear:
<img src="your-image-URL">
. - Replace
your-image-URL
with the image URL you copied. Depending on where you want your logo to appear, you might need to add a<br/>
tag to add a line break before or after your image.
Android
- From the Shopify app, tap the … button, and then tap Settings.
- In the Store settings section, tap Files.
- Tap Upload files and select the image file on your computer.
- On the Files page, find the uploaded file and tap Copy URL.
- From your Shopify admin, tap Settings > Apps and sales channels.
- Tap Order Printer to open the app.
- Tap Manage templates.
- Tap the name of the template that you want to edit.
- Enter the following code snippet into your template where you would like your logo to appear:
<img src="your-image-URL">
. - Replace
your-image-URL
with the image URL you copied. Depending on where you want your logo to appear, 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: Make table widths 100%
To make your tables have borders and stretch to 100% width, add a table-tabular
class to your table:
Example: Display product thumbnails
To include product thumbnails, insert this code into your template:
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:
From your Shopify admin, go to Settings > Apps and sales channels.
Click Order Printer to open the app.
Click Manage templates.
Click the name of the template that you want to edit.
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.When you're done, click Save.
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 her Packing slip
template in the Order Printer app:
As a result, Nyla's packing slips now include a table that lists the items purchased.