> For the complete documentation index, see [llms.txt](https://shoppad.gitbook.io/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shoppad.gitbook.io/infinite-options/display-options-on-shopify-notifications/shopify-emails-and-packing-slip-templates/order-confirmation.md).

# Order Confirmation

### Contact the Support Team (Recommended)

{% hint style="info" %}
We recommend contacting our support team before making any changes to your notification templates
{% endhint %}

We recommend contacting our support team before making changes to your notification templates. Because Shopify's notification templates can vary between stores and have become more complex over time, we'll send a collaborator request so we can add the necessary code snippets and ensure your option selections display correctly.

### Manual Instructions

If you're comfortable editing Shopify Liquid, you're welcome to follow the manual instructions below. Keep in mind that notification templates vary between stores, so the code location and required changes may differ from the examples in this guide. If you run into any issues, our support team is happy to help.

### Order Confirmation

Follow the steps below to display option selections in the Order Confirmation email.

1\. Starting from your Shopify admin dashboard, navigate to the **Settings** tab, then click on **Notifications**.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-3a46ddaf28cd2c7e482e9e7952d7b71a22bc03e5%2Fdocsassets555e25e4e4b027e1978e1c9aimages67bfd9edc671313b703d24fbfile-nkorhxti81.png?alt=media)

2\. Select **Customer Notifications**.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-ab71cba8cf33504aec4d2a6d91f1740e391593a0%2Fdocsassets555e25e4e4b027e1978e1c9aimages67c10abf66c50e0e7db92f28file-ovakcyai2k.png?alt=media)

3\. Click on the **Order Confirmation** email template.

![](https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2Fgit-blob-135315e95ac33cc75f0039f097540f13c2ce4e79%2Fdocsassets555e25e4e4b027e1978e1c9aimages67c10b15e4316048fb4e7500file-nwtqm2cqkq.png?alt=media)

4\. Click **Edit Code** at the top right of the page.

5\. Locate the following line of code:

```html
<span class="order-list__item-variant">{{ component.variant.title }}</span>
```

You should see this code multiple times. Navigate to the one found at the bottom, most often line 2139:

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FVkYUKAeuAecbkacLMeNh%2Fimage.png?alt=media&amp;token=32d3f4fa-cb0b-4299-8e38-1f8413e92137" alt=""><figcaption></figcaption></figure>

6\. Copy and paste the following snippet after the **{% endif %}** and before **\</td>**.

```liquid
{% for p in component.properties %}
  {% if p.first contains '_io_' %}
    {% continue %}
  {% endif %}
  {% if p.last %}
    {% assign name = p.first %}
    {% assign value = p.last %}
  {% else %}
    {% assign name = p.name %}
    {% assign value = p.value %}
  {% endif %}
  {% unless value == blank %}
    <p style='margin-top: 0px; margin-bottom: 0px; font-size: 14px; color: #999;'>
      {{ name }}:
    {% if p.last contains '//uploadery.s3' %}
      <a style='font-size: 14px;' href="{{ value }}">Link to your file</a>
    {% else %}
      {{ value }}
    {% endif %}
    </p>
  {% endunless %}
{% endfor %}<br>
```

<figure><img src="https://24152052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglwgaFVh2VmGBjtIbnDb%2Fuploads%2FBbM4KvFAyoiMTCwVFuM9%2Fimage.png?alt=media&amp;token=5743b30a-1b30-4f18-88df-12a0b9e8f535" alt=""><figcaption></figcaption></figure>

7\. Click the **Save** button at the top of the page.
