Shopify Tutorial - Thank You Page & Order Status Checkout UI Extensions

Описание: In this video we'll see how to develop Checkout UI Extensions for the Thank You and Order Status pages. These new type of Checkout UI Extensions allow us to display custom UI elements in these pages, which was not possible before through Checkout Extensibility.

Note
I accidentally lost the clip that should go after 14:54. Here are the important steps from that clip:

• Replace "Hello from my extension" with {checkoutMessage} so the extension renders the value of the metafield we just fetched.
• In shopify.extension.toml uncomment the line that api_access = true so your extension can use Shopify's API, otherwise you'll receive an error when querying the API.

Sorry for the inconvenience!

🟢 My links
Website - https://stackingcontext.com
Support This Project - https://stackingcontext.com/support
Let's work together - https://stackingcontext.com#contact
Get Early Access To New Videos -    / @stackingcontext  

Resources
• Shopify Thank You & Order Status Checkout UI Extensions - https://shopify.dev/docs/apps/checkou...
• Shopify Checkout UI Extensions Tutorial -    • Shopify Tutorial - Creating a Checkout UI ...  
• Shopify Test Payments Documentation - https://help.shopify.com/en/manual/ch...
• Shopify Checkout UI Extensions Components - https://shopify.dev/docs/api/checkout...
• Shopify Checkout UI Extensions Targets - https://shopify.dev/docs/api/checkout...

Timestamps
0:00 - Introduction
2:23 - Setting Up The Metafield
3:25 - Initializing The Extension
4:44 - Exploring The Extension's Files
6:28 - Changing The Extension's Target
8:07 - Running The Extension in Dev Mode
10:15 - Getting The Metafield's Value Using Shopify's Graphql API
14:54 - Setting Multiple Extension Targets
18:22 - Deploying The Extension