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.
How to get to New Order Notification
To topClick 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.
How to edit Oder Confirmation Code
To top{% if expand_bundles %}
Search for the code above in the template. The code should appear on line 277 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.