How to tell where the block is rendered

Retired Boards Appdev Extensions
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?

2

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!

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.

2 Likes