How to display the product code only on the invoice preview
Created:
2021-02-17
Last updated: 2021-05-19
Last updated: 2021-05-19
Post view count: 1044
To display the product code only on the invoice preview (and not on the printout) you can hide it using a CSS code.
To achieve this, go to Settings> Account Settings> Print settings, and then at the bottom of the page, in the Customize print with CSS field, use the following CSS code:
}
@media print {
.main_inv_table > thead > tr > th:nth-child(3),
.main_inv_table > tbody > tr > td:nth-child(3) {
display:none;
}
}
Note. The product code will not be shown on PDF or on the printout. However, when you provide the client with a preview of the invoice - the product number will be visible in the invoice HTML code
Create unlimited invoices and more with InvoiceOcean. Start your 30-day free trial.
Sign up freeBack
Add Comment