Hi,
Two questions!
First, I would like to get lines under the headlines “Item details” and “Payment Details” instead of borders.
I have tried to style with no border but can’t get it to work.
Second, can I get the “Billing Details” to be displayed beside the right of “Shipping Details” instead of under it?
Thanks in advance!
* { font-size:13px; font-family: 'fakt'; color: #4f4f4f; }
{{ created_at | date: "%d/%m/%y" }}
Invoice for {{ order_name }}
<img src=“https://cdn.shopify.com/s/files/1/asd” style=“width:200px; height:auto;”;>
Company AB
{{ shop.address }}
{{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }}
{{ shop.country }}
Org. no: 12345
VAT no: 12345
Item Details
{% if show_line_item_taxes %} {% endif %} {% for line_item in line_items %} {% if show_line_item_taxes %} {% endif %} {% endfor %}| Quantity | Item | SKU | Taxes | Price |
|---|---|---|---|---|
| {{ line_item.quantity }} x | {{ line_item.title }} | {{ line_item.sku }} |
{% for tax_line in line_item.tax_lines %}
{{ tax_line.price | money }} {{ tax_line.title }} {% endfor %} |
{% if line_item.original_price != line_item.price %}
|
{% if transactions.size > 1 %}
Transaction Details
{% for transaction in transactions %} {% endfor %}| Type | Amount | Kind | Status |
|---|---|---|---|
| {{ transaction.gateway | payment_method }} | {{ transaction.amount | money }} | {{ transaction.kind }} | {{ transaction.status }} |
Payment Details
{% for discount in discounts %} {% endfor %} {% if shipping_address %} {% endif %} {% if total_paid != total_price %} {% endif %}| Subtotal price: | {{ subtotal_price | money }} |
| Includes discount "{{ discount.code }}" | {{ discount.savings | money }} |
| Shipping: | {{ shipping_price | money }} |
| Total tax: | {{ tax_price | money }} |
| Total price: | {{ total_price | money }} |
| Total paid: | {{ total_paid | money }} |
| Outstanding Amount: | {{ total_price | minus: total_paid | money }} |
{% if note %}
Note
{{ note }}
{% endif %}{% if shipping_address %}
Shipping Details
{{ shipping_address | format_address }}
{% if billing_address %}
Billing Details
{% if billing_address.company %} {{ billing_address.company }}
{% endif %} {{ billing_address.street }}
{{ billing_address.city }} {{ billing_address.province_code }} {{ billing_address.zip | upcase }}
{{ billing_address.country }}
If you have any questions, please send an email to support@company.com