Announcement

Collapse
No announcement yet.

Invoice to work with integrated dispatch notes

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Invoice to work with integrated dispatch notes

    Hi all,

    I print my invoices out on integrated dispatch notes (like this https://www.pickitpackit.co.uk/integ...stock-label-1/) - so the shipping address prints on a sticker ... making it much easier to post orders.

    After spending 2 days trying to work out how to get the address in the footer (so it fits on the sticker) I've finally done it!

    I don't really know what I was doing - it was just trial and error and the help of google.
    But if anyone else needs to use these, this is what I added at the bottom.
    I also played around with other changes, removing shipping from the top etc.

    Hope this helps someone! Sarah

    ---------------------------------------------------------------

    EDITING THE INVOICE_PRINT.HTML FILE

    Settings > design > theme & styles > more > edit html >
    find "invoice_print.html" and edit,

    then add the following under ​​​​​​​</body> inserting your logo and website if you want this on your label / deleting those lines if you don't.



    <style type="text/css">
    .footer
    {
    position: fixed;
    bottom: 0;
    height: 235px; /* set height of the footer */
    }
    body {
    padding-bottom: 235px; /* set this to the height of the footer */
    }
    </style>

    <div class="footer">
    <footer>

    <table>
    <tr><td style='padding:0px 0px 0px 80px'><img src="INSERT LINK TO LOGO" width=100>INSERT WEBSITE</td></tr>
    <tr><td></p> </td></tr>
    <tr><td style='padding:0px 0px 0px 75px'>[oshipfirstname] [oshiplastname]</td></tr>
    <tr><td style='padding:0px 0px 0px 75px'>[oshipcompany]</td></tr>
    <tr><td style='padding:0px 0px 0px 75px'>[oshipaddress] [oshipaddress2]</td></tr>
    <tr><td style='padding:0px 0px 0px 75px'>[oshipcity]</td></tr>
    <tr><td style='padding:0px 0px 0px 75px'>[oshipzip] [oshipcountry]</td></tr>
    </table>
    </p></p>
    </div>

    </footer>
    </div>
Working...
X