Order confirmation email

If you want to show the options and live preview on the order confirmation email, follow the steps below.

The app saves all the selected options on the order line item properties.
 
You can edit your order confirmation email tempalte to include the options.  

Template

In the Shopify Admin, click on settings in the bottom left corner:

Select "Notifications": 

Select "Order confirmation":

Line items

Inside the template, look for the following line item code:

All of the following examples have to be added after this line:

{% for line in subtotal_line_items %}

Options

To show all selected options you can use the following code:

{% for p in line.properties %}
    {% unless p.last == blank %}
        {% if p.first.first == '_' %}{% continue %}{%- endif -%}
        <span class="order-list__item-variant">{{ p.first }}: {{ p.last }}</span><br/>
    {% endunless %}
{% endfor %}

Preview image

If you have setup the live preview as described in:  Cart image live preview

Then you can show the live preview image on the product image using the following code:

{% if line.properties['_preview'] %}
   <img src="{{ line.properties['_preview'] }}" align="left" width="60" height="60" class="order-list__product-image">
{% elsif line.image %}
   <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
{% endif %}

Full template example

You can download the full tempalte with the modifications: order-confirmation.liquid

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.