How to access product metafield in checkout extension?

Shopify Apps

Topic summary

Issue: Accessing product metafields (custom product data) within a Shopify Checkout UI extension. The poster tried useAppMetafields and appMetafields from useApi without success.

Update: A reply directs to Shopify’s official example for displaying product metafields in a checkout extension (React), providing a documentation link.

Notes: The external doc is central for implementation details; no code or specific fixes are discussed in-thread.

Status: Unresolved in the thread; no confirmation that the documentation solved the issue. Next step is to follow the example in the linked Shopify guide.

Summarized with AI on December 25. AI used: gpt-5.
1

How to access product metafield in checkout extension? I tried useAppMetafields or appMetafields from useApi but got no success?

2

Hi @Peak8848
Shopify has an example on how to show product metafields in a checkout extension here. https://shopify.dev/docs/apps/build/checkout/display-custom-data?extension=react

1 Like