Show content based on an order for a particular product

Caution

This is an advanced tutorial and is not supported by Shopify. Knowledge of web design languages such as HTML, CSS, JavaScript, and Liquid is required. We suggest hiring a Shopify expert if you are not comfortable proceeding with the following tutorial.

Learn how to iterate through your checkout.line_items to see if your special product is in the order.

For example, you want to sell a downloadable product and want to add a download link to the order status page. However, you only want to show the link if the digital product is in the order.

Steps:

Desktop

1. From your Shopify admin, go to Settings > Checkout.

iPhone

1. From the Shopify app, go to Store > Settings.
2. Under Store settings, tap Checkout.

Android

1. From the Shopify app, go to Store > Settings.
2. Under Store settings, tap Checkout.

1. Scroll down to the Additional scripts section.

2. Copy the following code to your clipboard (command + c on a Mac, ctrl + c on a PC).

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

1. Paste the code into the Additional scripts box. (press ctrl + V on a PC or command + V on a Mac)

2. Complete a test order to view your order status page.