How do I add a custom field to an invoice created with the Order Printer App

Denise_Glezer-J
Tourist
5 0 2

I sell to both Private Customers and Wholesalers (Retailers). In South Africa, if my customer is a Wholesaler and they are registered for VAT, their tax invoice has to reflect their (the wholesaler's) VAT Registration Number (in addition to mine, which I have managed to get it to display).

I am clueless when it comes to html and liquid code so got someone to help me create a custom field for the VAT Registration Number on the register page: https://caringcandies.myshopify.com/account/register

I need this custom field to appear in the email confirmation (not desperate) and on the Invoice, which I created in the Order Printer App.

How do I go about doing this?

Also, how to I swap the Taxes column to rather display the weight of the item?

Not sure if you will be able to view this as the site is not "up" yet, but here is the link to the custom template: https://caringcandies.myshopify.com/admin/apps/order-printer/214843/templates/540567/edit

This is the code for the template:

<h2 style="text-align: center;"><img src="//cdn.shopify.com/s/files/1/0012/8663/5591/files/Caring-Candies-Letterhead.jpg?v=1535965313" alt="" /></h2>
<p style="float: right; text-align: left; margin: 0;">
   Order Date {{ "now" | date: "%m/%d/%y" }}<br />
</p>
<h2 style="margin: 0 0 1em 0;"> Tax Invoice {{ order_name }}</h2>
{% if shipping_address %}
  <h3 style="margin: 0 0 1em 0;">Customer Details</h3>

  <div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid black;">
    <strong>{{ shipping_address.name }}</strong><br/>
    {% if shipping_address.company %}
      {{ shipping_address.company }}<br/>
    {% endif %}
    {{ shipping_address.street }}<br/>
    {{ shipping_address.city }}
    {{ shipping_address.province_code }}
    {{ shipping_address.zip | upcase }}<br/>
    {{ shipping_address.country }}
  </div>
{% endif %}
{% if note %}
  <h3 style="margin: 0 0 1em 0;">Notes</h3>
  <p>{{ note }}</p>
  {% if vat %}
  <h3 style="margin: 0 0 1em 0;">VAT</h3>
  <p>{{ vat }}</p>
{% endif %}
{% endif %}
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <thead>
    <tr>
      <th>Quantity</th>
      <th>Item</th>
      {% if show_line_item_taxes %}
      <th>Taxes</th>
      {% endif %}
      <th>Price incl. VAT</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in line_items %}
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td><b>{{ line_item.title }}</b></td>
        {% if line_item.tax_lines %}
          <td>
            {% for tax_line in line_item.tax_lines %}
              {{ tax_line.price | money }} {{ tax_line.title }}<br/>
            {% endfor %}
          </td>
        {% endif %}
        <td>
          {% if line_item.original_price != line_item.price %}
            <s>{{ line_item.original_price | money }}</s>
          {% endif %}
          {{ line_item.price | money }}
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>

{% if transactions.size > 1 %}
  <h3 style="margin: 0 0 1em 0;">Transaction Details</h3>
  <table class="table-tabular" style="margin: 0 0 1.5em 0;">
    <thead>
      <tr>
        <th>Type</th>
        <th>Amount</th>
        <th>Kind</th>
        <th>Status</th>
      </tr>
    </thead>
    <tbody>
      {% for transaction in transactions %}
        <tr>
          <td>{{ transaction.gateway | payment_method }}</td>
          <td>{{ transaction.amount | money }}</td>
          <td>{{ transaction.kind }}</td>
          <td>{{ transaction.status }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}

<h3 style="margin: 0 0 1em 0;">Payment Details</h3>

<table class="table-tabular" style="margin: 0 0 1.5em 0;">
  <tr>
    <td>Subtotal price:</td>
    <td>{{ subtotal_price | money }}</td>
  </tr>
  {% for discount in discounts %}
  <tr>
    <td>Includes discount "{{ discount.code }}"</td>
    <td>{{ discount.savings | money }}</td>
  </tr>
  {% endfor %}
  <tr>
    <td>Total tax:</td>
    <td>{{ tax_price | money }}</td>
  </tr>
  {% if shipping_address %}
    <tr>
      <td>Shipping:</td>
      <td>{{ shipping_price | money }}</td>
    </tr>
  {% endif %}
  <tr>
    <td><strong>Total price:</strong></td>
    <td><strong>{{ total_price | money }}</strong></td>
  </tr>
  {% if total_paid != total_price %}
    <tr>
      <td><strong>Total paid:</strong></td>
      <td><strong>{{ total_paid | money }}</strong></td>
    </tr>
    <tr>
      <td><strong>Outstanding Amount:</strong></td>
      <td><strong>{{ total_price | minus: total_paid | money }}</strong></td>
    </tr>
  {% endif %}
</table>

<img src="//cdn.shopify.com/s/files/1/0012/8663/5591/files/invoice-footer-image.gif?v=1535990793" alt="" /><br style="margin: 0 0 1em 0;" />

 

0 Likes
Alex23
Shopify Staff
Shopify Staff
523 1 104

Hey, Denise!

I'm Alex, with the Shopify team!

Thanks for reaching out today! Hmm, I see. If you'd be interested in learning more about how to accomplish this yourself, we have a guide right over here that can help; for a list of variables that you can use in that invoice, you can click on this link in your template editing screen:

Advanced customizations of this form do require a little knowledge of HTML, CSS, and Liquid, so it's totally understandable if you'd rather not dig into this on your own. Our Themes team offers an hour's worth of free design time for all our merchants, for minor tweaks to their themes or Order Printer templates - once I've posted this response, I'll reach out to you via email. If you can respond to me there, I'll be happy to pass along this request for you - and if it proves to be beyond the scope of what we can offer, you can always contact one of our third-party design experts for hire for assistance!

Hope that's helped! Please feel free to let me know, and you can always give us a call or start a live chat at any time. We're open 24/7 for your convenience and always happy to assist!

Cheers,

Alex | Shopify

Denise_Glezer-J
Tourist
5 0 2

Thanks Alex! If I can get that hour free support, I would be very grateful!

I have someone helping me on this side and they have edited the registration page as follows:

https://caringcandies.myshopify.com/account/register

I would like the customer'sd Vat Registration Number to appear on the Tax Invoice.

https://caringcandies.myshopify.com/admin/apps/order-printer/214843/orders/601487999047

I also need to the TOTAL WEIGHT of the order to appear on the Custom Packing Slip:

https://caringcandies.myshopify.com/admin/apps/order-printer/214843/orders/601487999047

Many thanks in advance!!

0 Likes
harshillllllll
Tourist
15 0 3

Hi,

Did you get the response for TOTAL WEIGHT? As i am also having the same issue. If it got solved for you, kindly help me, please.

0 Likes