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 Customer Notifications
- Under Order Processing click Order Confirmation
In the Order Confirmation template click Edit code in the upper right.
{% if expand_bundles %}
Search for the code above in the template. The code should appear on line 273 of the template (like in the screenshot below).
Place the code below before the {% if expand_bundles %} code.
{% 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.