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.

How to tell where the block is rendered

How to tell where the block is rendered

shopappsllc
Shopify Partner
7 0 1

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? 

Replies 2 (2)

Liam
Community Manager
3108 342 884

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:

  1. From the Shopify admin, click on Settings > Checkout and accounts. Then click on Customize.

  2. Use the dropdown list at the top of the page to navigate to the checkout step where you want to add your extension.

  3. To activate your extension, click on ** app** on the bottom left of the page, and select your extension from the list.

  4. 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

mconatser
Shopify Partner
3 0 3

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.