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.

  • Go to your Shopify dashboard
  • Select Settings
  • Select Notifications
  • Select Orders > Order Confirmation
  • Click Edit Code

In the Order Confirmation template search for the code below.

{ line.variant.title }

The code above should appear on line 244 of the template (like in the screenshot below).

After the <span class=”order-list__item-variant”>{{ line.variant.title }}</span><br/>{% endif %} code place the following code on line 246.

{% 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 %}
{% endunless %}
{% endfor %}

The result will look like the screenshot below.

For testing, the Send Test Notification won’t include line item properties, so you’ll need to checkout with a product whose price and shipping costs are set to $0.
You can revert back to the default notification by scrolling to the bottom of the page and clicking Revert to Default.

Email Notifications Overview

Was this article helpful?