Order Confirmation

Contact the Support Team (Recommended)

Note

We recommend contacting our support team before making any changes to your notification templates

We recommend contacting our support team before making changes to your notification templates. Because Shopify’s notification templates can vary between stores and have become more complex over time, we’ll send a collaborator request so we can add the necessary code snippets and ensure your option selections display correctly.

Manual Instructions

If you’re comfortable editing Shopify Liquid, you’re welcome to follow the manual instructions below. Keep in mind that notification templates vary between stores, so the code location and required changes may differ from the examples in this guide. If you run into any issues, our support team is happy to help.

Order Confirmation

Follow the steps below to display option selections in the Order Confirmation email.

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

2. Select Customer Notifications.

3. Click on the Order Confirmation email template.

4. Click Edit Code at the top right of the page.

5. Locate the following line of code:

<span class="order-list__item-variant">{{ component.variant.title }}</span>

You should see this code multiple times. Navigate to the one found at the bottom, most often line 2139:

6. Copy and paste the following snippet after the {% endif %} and before </td>.

{% for p in component.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 %}<br>

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