Disclaimer
This will work for stores on Miva Version 9.0 or newer. Note that this will require making template changes. Make sure you make sure you are aware of what version was active before any changes are made. These edits are low-risk but if you feel uncomfortable with making these changes then we advise you to seek help from a developer.
Issue
I want my printable invoice page to display one order per page
Instructions
Add the following code to Printable Invoice
Content (inline_css)
body { line-height: 1; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: #fff url("") top center repeat-x; text-align: center; font: 12px/1.46 Helvetica, "Trebuchet MS", Arial, sans-serif; color: #676767; }
table { border-collapse: collapse; border-spacing: 0; }
h1 { font-size: 24px; color: #695ba3; margin: 0; } h2 { font-size: 16px; color: #5b639c; margin: 0; } h3 { font-size: 1.1em; font-weight: bold; margin: 0; }
.clear { clear: both; }
hr { background-color: #c7c8d7; color: #c7c8d7; height: 1px; border: 0px; display: block; position: relative; }
th { font-weight: bold; }
.order { text-align: left; width: 690px; padding: 20px; page-break-after: always; } .title-box-left { width: 300px; float: left; display: block; }
.title-box-right { width: 300px; float: right; text-align: right; display: block; } .purple-box { background-color: #f7f7f7; width: 650px; float: left; margin: 20px 0 20px 0; padding: 20px; clear: both; } .sub-box-left { width: 300px; float: left; text-align: left; display: block; } .sub-box-right { width: 300px; float: right; text-align: left; display: block; }
.sub-box-left th, .sub-box-right th { padding-right: 5px; vertical-align: top; }
table.product-info { border: 1px solid #c7c8d7; width: 690px; }
table.product-info th, table.product-info td { padding: 5px 20px 5px 20px; vertical-align: top; }
table.product-info th { font-size: 16px; color: #5b639c; }
td.totalFinal, td.shippingTax { padding: 5px 20px 5px 20px; vertical-align: bottom; font-weight: normal; }
td.shippingTax, th.quantity, td.quantity, th.total, td.total { text-align: right; width: 60px; }
th.image, td.image { width: 1px; padding: 5px 10px 5px 10px; }
th.code_with_image, td.code_with_image { width: 60px; padding: 5px 20px 5px 5px; }
th.code, td.code { width: 60px; }
td .custom-field { font-weight: normal; font-size: x-small; }
td .discount { font-weight: normal; font-size: x-small; font-style: italic; }
td.totalFinal { text-align: right; }
.highlighted { background-color: #f7f7f7; font-weight: bold; }
|