Skip to main content

Custom Logo on Prints

How to Add a Custom Logo on Prints?​

To include a custom logo on prints in the WMS system, follow these simple steps. Below is a detailed guide.

  1. Navigate to the “Settings” tab in the program.

  2. Select “Company Data”, then go to the “Logo” section.

    Navigating to the logo section in Weaver WMS

  3. Right-click in the designated area where the logo should appear, and choose “Upload”.

    Uploading the logo in Weaver WMS

  4. Save the uploaded logo.

Step 2: Editing the Print Template​

  1. From the left menu, go to “Settings” → “Templates” → “Print Templates”.

  2. Select the desired template and click “Edit”.

  3. Add the following CSS style at the end of the <style> section in the code:

    .logo {  
        position: fixed;  
        top: 50px;  
        left: 5px;  
        z-index: 99;  
    }

Editing the print template in Weaver WMS

Step 3: Adding the Logo in HTML Code​

Paste the following code fragment directly after the opening <body> tag:
<div class="logo"><img width="80" height="40" src="data:image/jpeg;base64, @logo"></div>

"Adding the Logo in HTML Code"

Step 4: Defining the Logo Variable​

The final step is to add the following line of code at the very top of the template:
var logo = Convert.ToBase64String(Model.Site.Logo);

Defining the Logo Variable

Preview of the template with the logo

If the logo appears compressed or stretched, adjust the width="80" and height="40" values in the <img> tag. Additionally, make sure to apply these changes to all other pages of the template in the same way.