packing-slip-boxi.liquid

<div>
<div class="columns">
  <h1>Packing Slip</h1>
  <div class="address">
    <p style="text-align: right; margin: 0;">
    Order {{ order.order_name }}<br />
    {% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
    {{ order.created_at | date: "%B %e, %Y" }}
    </p>
  </div>
</div>
<div class="columns" style="margin-top: 1.5em;">
  <div class="address">
    <strong>From</strong><br/>
    {{ shop.name }}<br/>
    {{ shop.address | format_address }}
  </div>
  {% if order.shipping_address %}
  <div class="address">
    <strong>Ship to</strong>
    {{ order.shipping_address | format_address  }}
   </div>
  {% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
  <thead>
    <tr>
      <th style="width: 15%; text-align: left;">Qty</th>
      <th style="width: 85%; text-align: left;">Item</th>
    </tr>
  </thead>
  <tbody>
    {% for line_item in order.line_items %}
    <tr>
      <td style="text-align: left;">{{ line_item.quantity }}</td>
      <td style="text-align: left;">
        {{ line_item.title }}
        {% for property in line_item.properties %}
          {% if property.first == "_boxi_box_id" %}
            (Box id: {{ property.last }})
          {% endif %}
        {% endfor %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% if order.attributes.size > 0 %}
    <div>
      <p>
        <b>Additional details</b>
      </p>
      <p>
        {% for attribute in order.attributes %}
          <div><b>{{ attribute | first }}</b></div> 
          <div>{{ attribute | last }}</div>
        {% endfor %}
      </p>
    </div>
{% endif %}
</div>

This packing slip template can be used to display the box ids and custom data values of a Boxi order.