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.

Steps:

Desktop

1. From your Shopify admin, go to Settings > Checkout.
2. Scroll down to the Additional scripts section.
3. 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.