Display options on Shopify emails and packing slip templates

Follow the steps below on how to display option selections in the order confirmation emails.

1. Starting from your Shopify admin dashboard, navigate to the Settings tab, then click on Notifications. 

2. Select Customer Notifications.

2. Click on the  Order Confirmation email template.

3. Locate the following line of code.

{% if line.variant.title != 'Default Title' and line.bundle_parent? == false %}

OR

{% if line.variant.title != 'Default Title' %}

4. Copy and paste the following snippet after the section of code.

{% for p in line.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% if p.last %}
    {% assign name = p.first %}
    {% assign value = p.last %}
  {% else %}
    {% assign name = p.name %}
    {% assign value = p.value %}
  {% endif %}
  {% unless value == blank %}
    <p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
      {{ name }}:
    {% if p.last contains '//uploadery.s3' %}
      <a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
    {% else %}
      {{ value }}
    {% endif %}
    </p>
  {% endunless %}
{% endfor %}

5. Click the Save button at the top of the page.

Follow the steps below on how to display option selections in the Packing slip template.

1. Navigate into Settings of your Shopify admin.

2. Click on Shipping and delivery.

3. Locate the Packing Slip template and click on Edit. 

4. Copy the following code snippet.

{% if line_item.properties != blank %} 
<span class="line-item-description-line"> 
  {% for p in line_item.properties %}
  {% if p.first contains '_io_' %}
  {% continue %}
  {% endif %}
  {% unless p.last == blank %}
  {{p.first}}: {{ p.last }}<br />
  {% endunless %} 
  {% endfor %}
</span>
{% endif %}

5. Paste the code that you just copied underneath the following code. 

{% if line_item.sku != blank %} 
<span class="line-item-description-line">
{{ line_item.sku }}
</span>
{% endif %}

6. Click the  Save button at the top of the page.

Follow the steps below on how to display option selections in the new order emails.

1. Make sure that you have notifications enabled. Please see this article to see how to enable that.

2. Starting from your Shopify admin dashboard, navigate to the Settings tab, then click on Notifications. 

3. Select Staff Notifications.

4. Click on the New Order email template.

4. Locate the following line of code.

{% if line.variant.title != 'Default Title' %}

5. Copy and paste the following snippet after the section of code.

{% for p in line.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% if p.last %}
    {% assign name = p.first %}
    {% assign value = p.last %}
  {% else %}
    {% assign name = p.name %}
    {% assign value = p.value %}
  {% endif %}
  {% unless value == blank %}
    <p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #6d7175;'>
      {{ name }}:
    {% if p.last contains '//uploadery.s3' %}
      <a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
    {% else %}
      {{ value }}
    {% endif %}
    </p>
  {% endunless %}
{% endfor %}

6. Click the Save button at the top of the page.

Follow the steps below to display option selections in the shipping confirmation emails.

1. Starting from your Shopify admin dashboard, navigate to the Settings, then click on Notifications.

2. Click on the link for the Shipping Confirmation email.

3. Locate the following line of code.

{% if line.line_item.variant.title != 'Default Title' %}

4. Copy and paste the following snippet after the section of code.

{% for p in line.line_item.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% if p.last %}
    {% assign name = p.first %}
    {% assign value = p.last %}
  {% else %}
    {% assign name = p.name %}
    {% assign value = p.value %}
  {% endif %}
  {% unless value == blank %}
    <p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
      {{ name }}:
    {% if p.last contains '//uploadery.s3' %}
      <a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
    {% else %}
      {{ value }}
    {% endif %}
    </p>
  {% endunless %}
{% endfor %}

5. Click the  Save button at the top of the page.

Follow the instructions below to display option selections in the fulfillment request emails.

1. Starting from your Shopify admin dashboard, navigate to the  Settings tab, then click on Notifications. 

2. Click on the link for the Fulfillment request notification template, then select edit code.

3. Locate the following line of code.

<p>Variant Title: {{ line.line_item.title }}</p>

4. Copy and paste the following snippet after it.

{% for p in line.line_item.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% if p.last %}
    {% assign name = p.first %}
    {% assign value = p.last %}
  {% else %}
    {% assign name = p.name %}
    {% assign value = p.value %}
  {% endif %}
  {% unless value == blank %}
    <p>
      {{ name }}:
      {% if p.last contains '//uploadery.s3' %}
        <a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
      {% else %}
        {{ value }}
      {% endif %}
    </p>
  {% endunless %}
{% endfor %}

5. Click the  Save button at the top of the page.

Follow the steps below to display option selections in the abandoned checkout emails.

1. Starting from your Shopify admin dashboard, navigate to the  Settings tab, then click on Notifications. 

2. Click on the link for the Abandoned checkout email.

3. Locate the following line of code.

{% if line.variant.title != 'Default Title' %}

4. Copy and paste the following snippet after the section of code.

{% for p in line.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% if p.last %}
    {% assign name = p.first %}
    {% assign value = p.last %}
  {% else %}
    {% assign name = p.name %}
    {% assign value = p.value %}
  {% endif %}
  {% unless value == blank %}
    <p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
      {{ name }}:
    {% if p.last contains '//uploadery.s3' %}
      <a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
    {% else %}
      {{ value }}
    {% endif %}
    </p>
  {% endunless %}
{% endfor %}

5. Click the  Save button at the top of the page.