Product Options Template Code

Created by Brett Mikulik, Modified on Thu, 03 Nov 2022 at 04:59 PM by Brett Mikulik

<p style="float: right; text-align: right; margin: 0;">
  {{ "now" | date: "%m/%d/%y" }}<br />
  Invoice for {{ order_name }}
</p>
 
<div style="float: left; margin: 0 0 1.5em 0;" >
  <strong style="font-size: 2em;">{{ shop_name }}</strong><br /><br />
  {{ shop.address }}<br/>
  {{ shop.city }} {{ shop.province_code }} {{ shop.zip | upcase }}<br/>
  {{ shop.country }}
</div>
 
<hr />
 
<h3 style="margin: 0 0 1em 0;">Item Details</h3>
 
<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</th>
    </tr>
  </thead>
  <tbody>
    <!-- Bold 1 -->
    {% assign hidden_variant_ids = "" %}
    {% for line in line_items %}
        {% for prop in line.properties %}
          {% if prop.first == "_boldVariantIds" %}
            {% assign hidden_variant_ids = hidden_variant_ids | append: prop.last | append: ',' %}
          {% endif %}
        {% endfor %}
    {% endfor %}
    <!-- Bold 1 -->
    {% for line_item in line_items %}
 
    <!-- Bold 2 -->
      {% assign variant_id = line_item.variant_id | append: "" %}
      {% if hidden_variant_ids contains variant_id %}{% continue %}{% endif %}
 
      {% assign bold_item_price = line_item.price %}
      {% assign bold_line_price = line_item.line_price %}
      {% assign bold_var_ids = "" %}
      {% assign price_index = "" %}
      {% assign bold_qtys = "" %}
          {% for prop2 in line_item.properties %}
              {% if prop2.first == "_boldVariantIds" %}
                  {% assign bold_var_ids = prop2.last | split: "," %}
              {% elsif prop2.first == "_boldVariantPrices" %}
                {% assign price_index = prop2.last | split: "," %}
              {% elsif prop2.first == "_boldVariantQtys" %}
                {% assign bold_qtys = prop2.last | split: "," %}
              {% endif %}
          {% endfor %}
 
              {% unless price_index == "" && bold_var_ids == "" %}
              {% for price in price_index %}
                {% assign bold_qty = 1 %}
                {% if bold_qtys.length > 0 %}{% assign bold_qty = bold_qtys[forloop.index0] %}{% endif %}
 
                {% assign bold_item_price = bold_item_price | plus: price %}
                {% assign temp_price = price | times: bold_qty %}
                {% assign bold_line_price = bold_line_price | plus: temp_price %}
              {% endfor %}
              {% endunless %}
 
      {% assign bold_options = " " %}
 
      {% for bold_option in line_item.properties %}
          {% assign first_char = bold_option.first | slice: 0, 1 %}
          {% assign opt_title = bold_option | first %}
          {% assign opt_desc = bold_option | last %}
              {% unless first_char == '_' or first_char=='_boldOptionLocalStorageId' or bold_option.first == 'master_builder' or bold_option.first == 'builder_id' or bold_option.first == '_boldOptionLocalStorageId' or  bold_option.first == 'builder_info' or bold_option.last == "" %}
                {% assign bold_options = bold_options | append: '<br />' | append: opt_title | append: ': ' | append: opt_desc %}
              {% endunless%}
      {% endfor %}
 
      {% assign bold_options = bold_options | prepend: '<span class="bold_options">' | append: "</span>" %}
      <!-- end Bold 2 -->
      <tr>
        <td>{{ line_item.quantity }} x</td>
        <td>
          <b>{{ line_item.title }}</b>
          {{ bold_options }}
        </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 %}
          {{ bold_line_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>
 
{% if note %}
  <h3 style="margin: 0 0 1em 0;">Note</h3>
  <p>{{ note }}</p>
{% endif %}
 
{% if shipping_address %}
  <h3 style="margin: 0 0 1em 0;">Shipping 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 %}
 
<p>If you have any questions, please send an email to <u>{{ shop.email }}</u></p>

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article