Shopify Tutorial - Thank You Page & Order Status Checkout UI Extensions скачать в хорошем качестве

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