To get our apps Virtual Options to show up correctly in the New Order email notifications (sent to staff), you will need to add some code to your template.
- Go to your Shopify dashboard
- Select Settings
- Select Notifications
- Select Staff order notifications> New Order (near the bottom of the page)
- Click Edit Code
In the New Order Template search for the code below.
{ line.variant.title }
The code above should appear on line 175 of the template (like in the screenshot below).
After the <span class=”order-list__item-variant”>{{ line.variant.title }}</span> code, place the following code on line 176.
{% for p in line.properties %}
{% unless p.last == blank or p.first == '_' %}
<div class="bcpo-property">{{ p.first }}:
{% if p.last contains '/uploads/' %}
Uploaded File
{% 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 is set to $0.
You can revert back to the default notification by scrolling to the bottom of the page and clicking Revert to Default.