Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Testing checkout Order status page extensions

Testing checkout Order status page extensions

Milind
Shopify Partner
9 1 4

Hi All,

Trying to implement Checkout UI extension for the order status page.


I followed below documentation for that
https://shopify.dev/docs/apps/checkout/order-status-page/getting-started


When testing the extension it does load on all the “checkout pages” I can see that in network js file is loaded from the ngrok url.


But when I tried to load it on order status page it does not loaded.
I tried to do troubleshooting from this link - https://shopify.dev/docs/apps/checkout/order-status-page/getting-started#troubleshooting


I also tried to add dev parameter with correct tunnel url in the order status page but nothing works.

 

Can anyone help me with this?

Replies 4 (4)

rg18
Shopify Partner
2 0 9

Same problem here. Were you able to find a solution?

Milind
Shopify Partner
9 1 4

No solution yet.
Even from Shopify, there is no help on this in any support channel.

avy
Shopify Partner
3 0 0

I have the same problem!

I was following the same tutorial to familiarize myself with the apps and try to enter content on the order confirmation page, but I can't see it.

Making some changes to the code I can see a block in the other checkout steps, but not in the order confirmation page. I tried inserting logs and again, I see them in the previous steps, but not in the final one.


Anyone who can help us?

jmp-shopify
Shopify Staff
1 0 0

Hey everyone!

For the extensions not showing up on the Order Status page, was the placement-reference=ORDER_SUMMARY1 query param appended to the URL

The default placement reference for dynamic extensions is INFORMATION1 which is not shown on the Order Status Page. More about the placement-reference query param can be found here

To learn more visit the Shopify Help Center or the Community Blog.