Order Invoices Example
Invoice no: #123123
Order no: 139
Date: 2021-10-10 08:35:24
Bill to / address
Bill to:
Subscription User2
Address:
asdfg so,RS00 20000
Contact data
Items
| SKU | Name | Unit Price | Quantity | Tax | Total |
|---|---|---|---|---|---|
| Subscription(variable) test2 | 30 | 1 | 0 | 30 | |
| Subtotal | 30 | ||||
| Shipping | 0 | ||||
| Total | 30.00 | ||||
Invoice no: #123123
Order no: 172
Date: 2024-01-15 12:18:33
Bill to / address
Bill to:
Steve Doe
Address:
109 Street Quezon City, 1109
Contact data
Items
| SKU | Name | Unit Price | Quantity | Tax | Total |
|---|---|---|---|---|---|
| woo-album | Album | 15 | 3 | 4.5 | 45 |
| Subtotal | 45 | ||||
| Shipping | 0 | ||||
| Total | 49.50 | ||||
Invoice no: #123123
Order no: 142
Date: 2021-10-10 08:34:22
Bill to / address
Bill to:
Subscription User1
Address:
qwerty so,RS19 25000
Contact data
Items
| SKU | Name | Unit Price | Quantity | Tax | Total |
|---|---|---|---|---|---|
| stest1 | Subscription test1 | 80 | 1 | 0 | 80 |
| Subtotal | 80 | ||||
| Shipping | 0 | ||||
| Total | 80.00 | ||||
Invoice no: #123123
Order no: 143
Date: 2021-10-10 08:37:21
Bill to / address
Bill to:
Customer Test1
Address:
zxcvb qqww,RS00 111222
Contact data
Items
| SKU | Name | Unit Price | Quantity | Tax | Total |
|---|---|---|---|---|---|
| Appointment Test1 | 44 | 1 | 0 | 44 | |
| Subtotal | 44 | ||||
| Shipping | 0 | ||||
| Total | 44.00 | ||||
Invoice no: #123123
Order no: 144
Date: 2021-10-10 08:40:19
Bill to / address
Bill to:
Customer Test2
Address:
asdfg qq,RS10 111222
Contact data
Items
| SKU | Name | Unit Price | Quantity | Tax | Total |
|---|---|---|---|---|---|
| wp-pennant | WordPress Pennant | 11.05 | 1 | 0 | 11.05 |
| Woo-tshirt-logo | T-Shirt with Logo | 18 | 1 | 0 | 18 |
| woo-hoodie-with-zipper | Hoodie with Zipper | 45 | 1 | 0 | 45 |
| Subtotal | 74.05 | ||||
| Shipping | 0 | ||||
| Total | 74.05 | ||||
Page markup
<If loop exists type=woo_order status=completed >
<Loop>
<div class="container-fluid bg-light">
<div class="row mb-4 justify-content-around">
<div class="col-7 bg-light px-3 py-3" style="height: 185px;">
<img style="margin-right: 20px" class="d-block float-left" width="100" src="/assets/loops-and-logic-logo.png" />
<div class="float-left ml-1 px-1">
<p><strong><Setting woocommerce=email_from_name /></strong></p>
<Setting woocommerce=address /><br />
<Setting woocommerce=store_city /><br />
<Setting woocommerce=store_postcode /><br />
<Setting woocommerce=default_country /><br />
<Setting woocommerce=email_from_address /><br />
</div>
</div>
<div class="col-5">
<div class="col-12 px-3" style=" background-color: rgba(0,0,0,0); padding: 15px">
<div><strong>Invoice no:</strong> #123123</div>
<div><strong>Order no:</strong> <Field order_number /></div>
<div><strong>Date:</strong> <Field date_completed /></div>
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-6">
<h5>Bill to / address</h5>
<div class="row">
<div class="col-6 font-weight-bold">
Bill to:
</div>
<div class="col-6">
<Field billing_first_name /> <Field billing_last_name />
</div>
<div class="col-6 font-weight-bold">
Address:
</div>
<div class="col-6">
<Field billing_address_1 /> <Field billing_city />,<Field billing_state /> <Field billing_postcode />
</div>
</div>
</div>
<div class="col-6">
<h5>Contact data</h5>
<div class="row">
<div class="col-2 font-weight-bold">
Phone:
</div>
<div class="col-10">
<Field billing_phone />
</div>
<div class="col-2 font-weight-bold">
Email:
</div>
<div class="col-10">
<Field billing_email />
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h5>Items</h5>
<table class="table table-sm">
<thead class="text-white" style="background-color: #295cbf">
<th>SKU</th>
<th>Name</th>
<th>Unit Price</th>
<th>Quantity</th>
<th>Tax</th>
<th>Total</th>
</thead>
<tbody>
<Loop field=items>
<tr>
<Loop field=product>
<td><Field sku /></td>
<td><Field name /></td>
</Loop>
<td><Field unit_price /></td>
<td><Field quantity /></td>
<td><Field total_tax /></td>
<td><Field total /></td>
</tr>
</Loop>
</tbody>
<tfoot class="table-borderless text-right" style="margin-right: 10px">
<tr>
<td colspan="5">Subtotal</td>
<td class="text-left"><Field subtotal /></td>
</tr>
<tr>
<td colspan="5">Shipping</td>
<td class="text-left"><Field shipping_total /></td>
</tr>
<tr>
<td colspan="5"><strong>Total</strong></td>
<td class="text-left"><strong><Field total /></strong></td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
<br /><br />
</Loop>
<Else />
<h2>Order Invoice screenshot:</h2>
<img class="d-block" src="{Url views}/assets/order_invoice.png" />
</If>