Sign up
Quick links
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Order printer - background image

Solved
‎01-20-2021 07:14 AM
KHHH
Tourist
3 0 1

I am trying to set up order printer and got most of it to work, including showing a background image. 

However, when trying to print multiple orders, the background only shows up on the first page and not the rest. 

What is the best practice to set the background image? This is the code I currently use: 

	.print_body {
		font-size: 13px;
		background-image: url('IMAGE');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position:0px 0px;
		height: 1046px;
		widht: 742px;
		background-size: 742px 1046px;
		font-family: arial rounded mt bold;
		color:#00000;
		font-weight: 300;
	}

 

0 Likes
Reply
‎01-22-2021 12:53 PM
peterloane
Excursionist
24 2 9

This is an accepted solution.

You have a typo

widht: 742px;

should read

 

width: 742px;

 

But the typo did not recreate the issue you describe.

I was able to print a multi-order list with a background image on each invoice by slightly modifying the default Order Printer Invoice template 

 

<body>
<div class="print_body">
:
:
<p>If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
</div>
</body>

<style>
body {
font-weight:normal;
}

.print_body {
background-image: url("URL");
background-repeat: no-repeat;
background-position:center;
width: 742px;
}
</style>

 

 

Reply
‎01-23-2021 12:19 PM
KHHH
Tourist
3 0 1

Thank you very much, this solved the issue. 

Reply
‎01-23-2021 12:30 PM
peterloane
Excursionist
24 2 9

You are most welcome. Glad it got your issue sorted.

Reply
Most Liked Authors
View all badges
Quick links
Facebook Twitter Youtube Instagram Linkedin Pinterest
Terms of Service Privacy Policy