I’m building a Shopify Checkout UI extension, but I need more data about products than the lines extension field provides. What’s the best way to fetch a product from a Checkout UI extension? I tried using the Storefront API but I need an access token and can’t figure out where that should come fro…

Hey @Alan_19 - thanks for the explanation! What I was looking for was the other variants of the products in the user’s cart. I solved this problem by adding an API endpoint to my app’s backend (not in the extension, in the web folder) Then I used a simple data-fetching hook to checkout UI extensi…

Hi @aej11a - thanks for getting in touch! This is a great question.I hope I can shed some light on why the data doesn’t appear through the Checkout Extension fields you mentioned. Generally, we try to separate checkout from other components like the Storefront and Admin API. This helps limit the am…

Hey @aej11a - no worries! Glad to hear you were able to solve this on your end, this info will be super helpful for folks in the future. :grinning_face:

Thanks for the information. I have a question. Can we render custom components like calender or date_picker on the checkout? If not then is there any way to trigger our custom components on Checkout through a JS observer or event.Is it even possible? Secondly, can we get the object of Delivery opti…

Hi! I’ve enabed network_access on the app and also added the network_access = true to the toml file – but the console is still throwing a NetworkAccessDenied error. Did you have to do anything else to get network access working? I’m wondering if it’s because it’s a developer preview. Thanks!

Hello! I’ve also enabed network_access on the app and also added the network_access = true to the toml file but I’m receiving a 403 on my network request to the Shopify API at <storefrontUrl>/api/2022-10/graphql.json. I’ve turned on all the scopes in my app installation request.

Hi Alan, I appreciate the response - but I seem to be having trouble using the storefront api on the client @Shopify_77 /shopify-api given its for node. Am I understanding you correctly?

Hi @aej11a , I know some time has passed by, but since I did the same thing as you (added an api endpoint in my app’s backend), didn’t you get any CORS issues? I just can’t get my endpoint to work. Tried to set up proper headers on the express server both manually and by using the ‘cors’ npm packa…

I am looking to do something similar. Do have more details as to how you setup the API endpoint in the app? And how did you then call that in the Checkout? Any help is much appreciated.

How do I fetch product details from a checkout ui extension?

Retired Boards Appdev Extensions

radpinkdream October 23, 2022, 8:01am 8

Hmm I might be misunderstanding but I don’t think the storefront API integrates well with UI extensions, at least not when it can no longer be turned into a Sales Channel (after being installed once on a development store).

Topic		Replies	Views
How do you use the Storefront API from a checkout UI extension? Custom Storefronts Setting-Up	1	232	November 13, 2023
Storefront API (api_access) not enabled for checkout extension Custom Storefronts	0	51	February 19, 2023
Access to cart in API using checkout ui extension access token Shopify Apps shopify-apps	3	158	June 27, 2025
How should I query for products from Checkout UI extension? Custom Storefronts Setting-Up	0	97	October 17, 2022
How to pass information from Shopify app to Checkout Extension? Shopify Apps shopify-apps	2	271	July 9, 2024

How do I fetch product details from a checkout ui extension?

Related topics