Skip to main content

Adding your store logo

How to add the logo file to the provided document designs, that come with Order Printer Pro

Jose Mangonez avatar
Written by Jose Mangonez
Updated this week

Adding a logo to your designs is a great way to showcase your brand and is recommended for all stores. Order Printer Pro allows you to upload a logo and easily set its width.

Note: This guide is relevant if you are using the template designs provided in the Order Printer Pro app.

Add a logo to your templates

  1. Login Order Printer Pro (Shopify admin > Apps)

  2. Go to the "Manage templates" page.

  3. Click the "Customize branding" button at the top of the page.

  4. Tap the "Upload logo" option to choose and upload your logo image.

5. Modify the logo width to your preference and then click the "Save" button.

Once done, the applied customizations will be used in all the templates created in the app. If you had the app installed before March 2023, then the new logo will be reflected only on newly created templates. You can make this small change to display the logo.

💡Tip

You can adjust the accent color in your templates. Click on the "Accent Color" section and use the color picker tool to find and save your preferred color.

Change the logo on a specific template

If you're trying to update or load the logo only on a particular template, Order Printer Pro also allows you to manually set the logo image and size if you want to.

Step 1

Before you add your store logo to your templates, you need to upload your logo to your Shopify admin. You need the URL that is assigned to your file to use on your packing slips.

  1. From your Shopify admin, go to Content>cFiles.

  2. Click "Upload files."

  3. Select and upload your store logo from your device.

  4. Copy the file URL when the upload is complete.

Step 2

Now you can edit the template code to set the logo image you loaded to your Shopify files.

  1. Login Order Printer Pro (Shopify admin > Apps)

  2. Go to the "Manage templates" page.

  3. Click the "Edit template" button on the template you would like to manually add your logo to.

  4. In the "Code" section, find % assign SETTING_shop_logo = shop_logo_url %

  5. Replaceshop_logo_url with " "and then paste the image link inside the quotes:

6. In the "Code" section, find % assign SETTING_shop_logo_width = shop_logo_width %

7. Replace shop_logo_width with 240 (though you can adjust it to your preference)

The logo is not updating on the existing templates

The app's "Customize branding" feature was added recently, and with its integration, updating the code of the default templates was required so that they display the logo and accent color chosen.

This means that any pre-existing templates created before the release of the new feature will not automatically pull the logo from the "Customize Branding" section. However, you can sort this out by finding these two lines at the top of the template code:

{% assign SETTING_shop_logo = "" %} {% assign SETTING_shop_logo_width = 240 %}

And replacing them with:

{% assign SETTING_shop_logo = shop_logo_url %} {% assign SETTING_shop_logo_width = shop_logo_width %}

That's it! You should be all set now.

Did this answer your question?