App reviews, troubleshooting, and recommendations
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;
}
Solved! Go to the solution
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>
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>
Thank you very much, this solved the issue.
You are most welcome. Glad it got your issue sorted.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024