Hi,
We are currently using the below coding for our invoices.
<div style=" float: left;
margin-top: 25px;
margin-left: 40px;" >
</div>
<div style=" float: right; " >
<strong style= " float: right; text-align: right; font-size: 1em;">Moca Fashion Ltd</strong><br />
<p style= "text-align: right; font-size: 0.8em;"> {{ shop.address }}<br/>
{{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }} <br/>
{{ shop.country }}
<br/>
Reg. No:8353283
<br/>
VAT Number: 161794293 <br/>
Email: info@fashionscarfworld.co.uk <br/>
Tel: +44 161 839 2223 <br/>
</div>
<hr style=" margin-top: 30px;
border-bottom: 1px solid #e2e2e2;">
<div style=" float: left;
margin-top: 2px;
width: 150px;">
<strong> Invoice </strong> <br />
Issue Date: {{ "now" | date: "%d/%m/%y" }}<br />
Order Number: {{ order_name }}<br />
{% for transaction in transactions %}
Payment Method: {{ transaction.gateway | payment_method }}
{% endfor %}
</div>
<div style=" float: left; margin-top: -2px;
bottom: 0;
margin-left: 30px;
width: 120px;">
<h3 style=" font-size: 1em;">Bill to:</h3>
{% if shipping_address %}
<br style= " font-size: 0.8em;">{{ billing_address.first_name }} {{ shipping_address.last_name }}</br>
{% if billing_address.company= "" %}
<br style= " font-size: 0.8em;">{{ billing_address.company }}</br>
{% endif %}
{% if billing_address.address2= "" %}
<br style= " font-size: 0.8em;">{{ billing_address.address2 }}</br>
{% endif %}
<br style= " font-size: 0.8em;"> {{ billing_address.address1 }}</br>
<br style= " font-size: 0.8em;">{{ billing_address.city}}, {% if address.province_code %}{{ customer.default_address.province_code }}, {% endif %}</br>
<br style= " font-size: 0.8em;"> {{ billing_address.country }}</br>
<br style= " font-size: 0.8em;">{{ billing_address.zip }}</br>
<br style= " font-size: 0.8em;">{{ billing_address.phone }}</br>{% endif %}
</div>
<div style="float: left; margin-top: -2px;
bottom: 0;
margin-left:50px;
width: 150px;">
<h3 style=" font-size: 1em;">Ship to:</h3>
{% if shipping_address %}
<br style= " font-size: 0.8em;">{{ shipping_address.first_name }} {{ shipping_address.last_name }}</br>
{% if shipping_address.company= "" %}
<br style= " font-size: 0.8em;">{{ shipping_address.company }}</br>
{% endif %}
{% if shipping_address.address2= "" %}
<br style= " font-size: 0.8em;">{{ shipping_address.address2 }}</br>
{% endif %}
<br style= " font-size: 0.8em;"> {{ shipping_address.address1 }}</br>
<br style= " font-size: 0.8em;">{{ shipping_address.city}}, {% if address.province_code %}{{ customer.default_address.province_code }}, {% endif %}</br>
<br style= " font-size: 0.8em;"> {{ shipping_address.country }}</br>
<br style= " font-size: 0.8em;">{{ shipping_address.zip }}</br>
<br style= " font-size: 0.8em;">{{ shipping_address.phone }}</br>
{% endif %}
</div>
<hr />
<table class="table-tabular" style="margin: 0 0 1em 0; background: #fafafa;font-size: 0.8em;">
<thead>
<tr>
<th style="text-align: left; font-weight: bold;
color: #fff;
background: #4b4f52;
padding: 12px 10px;">SKU</th>
<th style="text-align: left; font-weight: bold;
color: #fff;
background: #4b4f52;
padding: 12px 10px;">Item</th>
<th style="text-align: left; font-weight: bold;
color: #fff;
background: #4b4f52;
padding: 12px 10px;">Price</th>
<th style="text-align: left; font-weight: bold;
color: #fff;
background: #4b4f52;
padding: 12px 10px;">Qty</th>
<th style="text-align: left; font-weight: bold;
color: #fff;
background: #4b4f52;
padding: 12px 10px;">Subtotal</th>
</tr>
</thead>
<tbody>
{% for line_item in line_items %}
<tr>
<td>{{ line_item.sku }}</td>
<td><b>{{ line_item.title }}</b></td>
<td>
{{ line_item.price | money }}
</td>
<td>{{ line_item.quantity }}</td>
<td>
{{ line_item.line_price | money }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
<table class="table-tabular" style="float: right;margin: 0 0 1.5em 0;font-size: 0.8em;text-align: right;width: 300px;">
<tr>
<td>10% Black Friday Discount:</td>
<td>-{{ total_discounts | money }}</td>
</tr>
<td>Subtotal price:</td>
<td>{{ subtotal_price | money }}</td>
</tr>
{% for discount in discounts %}
<tr>
<td>Includes discount "{{ discount.title }}"</td>
<td>{{ discount.savings | money }}</td>
</tr>
{% endfor %}
{% if shipping_address %}
<tr>
<td>Shipping:</td>
<td>{{ shipping_price | money }}</td>
</tr>
{% endif %}
<tr>
<td>Total tax (20%):</td>
<td>{{ tax_price | money }}</td>
</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>
<hr style=" margin-top: 30px;
border-bottom: 1px solid #e2e2e2;">
{% if note %}
<h3 style="margin: 0 0 1em 0;font-size: 0.8em;">Note</h3>
<p>{{ note }}</p>
{% endif %}
We have previously had the option to show if an item is discounted as a line attribute, but now this just shows at the bottom of the invoice.
How would we go about adding the line attribute for order with sales/discounted items?
Thanks!