Skip to content

Instantly share code, notes, and snippets.

@bekarice

bekarice/line-items-table.liquid Secret

Created February 18, 2019 23:24
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bekarice/dfc79f895b3fb4455e33fd5c92d1f5ef to your computer and use it in GitHub Desktop.
Save bekarice/dfc79f895b3fb4455e33fd5c92d1f5ef to your computer and use it in GitHub Desktop.
Download ZIP
Raw
line-items-table.liquid
<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
<thead>
<tr>
<td style="vertical-align:middle;color:#000;border-bottom:1px solid #000;padding:10px;width:15%;">Item</td>
<td style="vertical-align:middle;color:#000;border-bottom:1px solid #000;padding:10px;width:50%;">&nbsp;</td>
<td style="vertical-align:middle;color:#000;border-bottom:1px solid #000;padding:10px;width:10%;">Qty</td>
<td style="vertical-align:middle;color:#000;border-bottom:1px solid #000;padding:10px;width:25%;">Total</td>
</tr>
</thead>
{% for item in order.line_items %}
<tr>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;width:15%;"><img src="{{ item.image }}" width="75%" /></td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;width:50%;">{{ item.title }}</td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;width:10%;">&times; {{ item.quantity }}</td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;width:25%;">{{ item.line_price | money }}</td>
</tr>
{% endfor %}
<tfoot>
<tr>
<td colspan="3" style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">Subtotal:</td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">{{ order.subtotal_price | money }}</td>
</tr>
<tr>
<td colspan="3" style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">Tax:</td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">{{ order.total_tax | money }}</td>
</tr>
<tr>
<td colspan="3" style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">Fees:</td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">{{ order.total_fees | money }}</td>
</tr>
<tr>
<td colspan="3" style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">Shipping:</td>
<td style="vertical-align:middle;color:#888888;border-bottom:1px dotted #ccc;padding:10px;">{{ order.total_shipping | money }}</td>
</tr>
<tr>
<td colspan="3" style="vertical-align:middle;color:#000;border-bottom:2px solid #ccc;border-top:2px solid #ccc;padding:10px;">TOTAL:</td>
<td style="vertical-align:middle;color:#000;border-bottom:2px solid #ccc;border-top:2px solid #ccc;padding:10px;">{{ order.total_price | money }}</td>
</tr>
</tfoot>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment