For discussing the development and usage of Checkout UI extensions, post-purchase extensions, web pixels, Customer Accounts UI extensions, and POS UI extensions
I am trying to implement
customer-account.order-status.block.render
and
purchase.thank-you.block.render
How can I figure out where the extension is being rendered?
HI Shopappsllc,
To understand where your extension is being rendered, you need to use the Shopify checkout editor. This allows you to preview different placements for extensions and to activate your extension. Here's how you can it:
From the Shopify admin, click on Settings > Checkout and accounts. Then click on Customize.
Use the dropdown list at the top of the page to navigate to the checkout step where you want to add your extension.
To activate your extension, click on ** app** on the bottom left of the page, and select your extension from the list.
You can preview different placements for the extension by dragging and dropping the extension between the different extension point targets.
The customer-account.order-status.block.render
would be rendered on the order status page of the customer account, and purchase.thank-you.block.render
would be rendered on the thank you page after a purchase.
Remember to click Save after you've chosen a placement for your extension.
Hope this helps!
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
Since these are dynamic targets, the final rendering location could be in a number of places. It would be good to have an api way to determine the specific location that the block is actually rendered at. I know there is the useApi hook that will return the extension.target but that only gives the dynamic targets like above, not the actual final rendered target.