Separate invoice & Delivery files

  • Resolved fatpotanga

    (@fatpotanga)


    10 years ago

    Hiya,
    After a few plays, I think the old layout was generally much clearer & user friendly in terms of product display & order items..
    New features, such as email & phone number really useful.
    Is there a way to use the updated plugin with with the old format of separate invoice & delivery note files? I’ve spent hours in the PHP & CSS files (I am not great, but I’m ok with CSS & can hack code to a limited extent) & can find no way of doing something to one template without it affecting the other.
    eg: I print my invoices, with adhesive address label panels to the right. Naturally Delivery Address in big bold letters is no good on an address. But the billing address to the left on the invoice IS useful. I also have a bit of CSS in the label section with a watermarked logo. This has all gone to pot now as I can’t apply it to just the right hand section (that I can work out?)
    I also have bank details included in the Invoice template as I do a lot of work with large organisations as well as web sales.
    I’ve had to revert to the old version of the plug in which is a shame as some new features are great.
    Any advice as to ways round the above would be appreciated.

    https://wordpress.org/plugins/woocommerce-delivery-notes/

Viewing 1 replies (of 1 total)
  • piffpaffpuff

    (@chabis)

    10 years ago

    Just give the new template another try. It is definitely better than the old one, because you can make most of the changes with the functions.php and are not obliged to copy the template.

    I do not really understand how your template should look like but I can imagine that it is achievable.

    How can I differentiate between invoice and delivery note through CSS?

    The body tag contains a class that specifies the template type. The class can be invoice or delivery-note. You can prefix your style rules to only target one template. For example you could rise the font size for the addresses on the right side:

    .invoice .billing-address {
	font-size: 2em;
}

.delivery-note .shipping-address {
	font-size: 2em;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Separate invoice & Delivery files’ is closed to new replies.