Order Confirmation (email sent to customer)

To get our apps Virtual Options to show up correctly on the Order Confirmation email you will need to add some code to your email template.

Click here to go directly to your Order Confirmation Notification.

Try the link above first. If that doesn’t work you can get to this email notification by following the directions below.

• Go to your Shopify dashboard
• Select Settings (bottom left)

• Select Notifications

• Select Customer Notifications

• Under Order Processing click Order Confirmation

In the Order Confirmation template click Edit code in the upper right.

Search for the code below. This is where the title of the product is displayed. The code in your template might look a little different.

{% if line.variant.title != 'Default Title' %}
  <span class="order-list__item-variant">{{ line.variant.title }}</span><br/>
{% endif %}

Copy and paste the code below underneath where you found the code above. This will put the option data below the line-item title.

{% for p in line.properties %}
{% unless p.last == blank or p.first == '_' %}
<div class="bcpo-property">{{ p.first }}:
{% if p.last contains '/uploads/' %}
<div><img src="{{ p.last }}" style="max-width: 50px; height: auto;"></div>
{% else %}
{{ p.last }}
{% endif %}
</div>
{% endunless %}
{% endfor %}

The result will look like the screenshot below.

Email Notifications Overview