If you want to redirect people to a new page, check out a solution I found out at https://stackoverflow.com/a/59726180/7353382
If you want to provide custom code on the checkout page based on the product ID, try the following (user beware, code is ugly):
NOTE: This code is inserted into the Additional Scripts section of the Checkout area. To go there go to Settings > Checkout > scroll down to Additional Scripts.
<script>
//the URLs to be redirected to
//replace the below with your own list
{% assign redirect_1 = "https://www.URL-HERE.com/1" %}
{% assign redirect_2 = "https://www.URL-HERE.com/2" %}
{% assign redirect_3 = "https://www.URL-HERE.com/3" %}
{% assign redirect_4 = "https://www.URL-HERE.com/4" %}
//replace the above with your own list
//the products to check for
//replace the below with your own list
{% assign product_1 = 1234567898765 %}
{% assign product_2 = 1234567898764 %}
{% assign product_3 = 1234567898763 %}
{% assign product_4 = 1234567898762 %}
//replace the above with your own list
//look at the items in the cart
{% for line in checkout.line_items %}
//grab the product id of the item
{% if line.product_id == product_1 %}
Shopify.Checkout.OrderStatus.addContentBox(
//change the text in here to your liking
'<p>You ordered product 1. <a href="{{ redirect_1 }}">Next, please visit this page.</a></p>'
)
{% elsif line.product_id == product_2 %}
Shopify.Checkout.OrderStatus.addContentBox(
//change the text in here to your liking
'<p>You ordered product 2. <a href="{{ redirect_2 }}">Next, please visit this page.</a></p>'
)
{% elsif line.product_id == product_3 %}
Shopify.Checkout.OrderStatus.addContentBox(
//change the text in here to your liking
'<p>You ordered product 3. <a href="{{ redirect_3 }}">Next, please visit this page.</a></p>'
)
{% elsif line.product_id == product_4 %}
Shopify.Checkout.OrderStatus.addContentBox(
//change the text in here to your liking
'<p>You ordered product 4. <a href="{{ redirect_4 }}">Next, please visit this page.</a></p>'
)
//add more blocks below here
//add more blocks above here
{% else %}
Shopify.Checkout.OrderStatus.addContentBox(
'<p>Thank you for your order</p>'
)
{% endif %}
{% endfor %}
</script>
To make this work for you, do the following:
- Replace the list of `{% assign redirect_1 = "https://www.URL-HERE.com/1" %}` with the redirects you want to send people to.
- Replace the list of `{% assign product_1 = 1234567898765 %}` with your own products you want to provide redirects for.
- Change the text in the `<p>` tags as you see fit.
- Add more `{% elsif line.product_id == product_4 %}` blocks based on the size of your list.
