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

Bjorn Forsberg avatar
Written by Bjorn Forsberg
Updated over a year ago

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

Note: The following guide is relevant if you are using the template designs that are provided within the Order Printer Pro app.

You may jump to:

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.

💡Tip

You can adjust the accent color in your templates. Simply click on the "Accent Color" section and navigate through the color picker tool to find and save the color of your preference.

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 uploaded logo is not reflected in existing templates.

The app's "Customize branding" feature was added recently, and with its integration, updating the default templates' code was required so that they pull out the logo and accent color chosen. This means that any pre-existing templates created prior to the release of the new feature will not automatically pull out 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?