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 %}
</div>
{% 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.