Headless commerce and custom storefronts with Shopify APIs and SDKs
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hello Developers,
I m facing this error while i m fetching the products from my shopify store using react js through JS BUY SDK.
But i m getting this such error "an unknown error has occurred."
Code as below :
import Client from "shopify-buy"; class ProductListing extends Component { constructor(props) { super(props); this.state = { ready: false, }; } client = Client.buildClient({ domain: "SHOP DOMAIN GIVEN", storefrontAccessToken: "TOKEN GIVEN", }); async componentDidMount() { console.log("0"); await this.loadProducts(); } loadProducts = async () => { console.log("1"); var productsss = await this.client.product.fetch("4458139451523"); console.log("productsss"); console.log("4"); }; render() { console.log("0.0"); }
Please help me out in this.
Thanks in Advance.
Hey @identix
Looking at the Shopify aspects of your code - it looks like you are utilizing the wrong ID. The Storefront API utilizes a different ID than the Admin API. Here is an example to run through where you can grab your products: https://github.com/Shopify/js-buy-sdk#fetching-products.
You can also test out your queries first in GraphiQL or any API client you use: https://shopify.dev/docs/storefront-api/getting-started#using-graphiql
yes, it appears so from your example code. Let me know if you resolved this.
Hello Vix,
Sorry for the inconvenience, here when i have seen the code i came to know that this is only providing storefront product. So is there any SDK for react to fetch product using admin api.
I am having admin api token.
Thanks,
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022