Customize Invoice

  • Resolved ssmithalignsoftcom

    (@ssmithalignsoftcom)


    2 months, 2 weeks ago

    The default invoice is almost perfect, except we’d like to have the logo at the top left of the page, and the company address at the top right (to the right of the logo) to economize on space – stacking the logo and address wastes the entire top corner of the page.

    The simple invoice is completely different from the default invoice, and I don’t see a way to take, for example, the default invoice php file and modify that as a custom template. I don’t want to modify the template file in the plugin itself, as that’s going to get written over every time the plugin updates.

    What’s the best way to accommodate this?

Viewing 1 replies (of 1 total)
  • Plugin Author priyankajagtap

    (@priyankajagtap)

    Hi @ssmithalignsoftcom,

    Sorry for the delayed response to this.

    You can use our plugin’s ‘wcdn_head‘ hook to achieve your requirements. You can use the Code Snippets plugin and add the custom code there.

    Below I am providing the example code where you need to replace the CSS code (Added under the <style> tag ) as per your requirements:

    /**
     * Add this code snippet in the functions.php file of your currently active theme.
     */
    function example_serif_font_and_large_address() {
        ?>
        <style>	
                
                .order-addresses address {
                    font-size: 2.5em;
                    line-height: 125%;
                }
        </style>
        <?php
    }
    add_action( 'wcdn_head', 'example_serif_font_and_large_address', 20 );

    Please check once and let me know if the above provided code snippet is helpful for you.

    Feel free to ask if you have any other queries.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.