Can't Get Product Metafields using StoreFront GraphQL API

Question

I am using storefront API for my Shopify store. And need to retrieve product metafields for my product. I already added metafields using 3rd party app(Metafields Guru).

I need to get all those metafields for product, and had been following this article. https://shopify.dev/tutorials/retrieve-metafields-with-storefront-api

{
  productByHandle(handle: "xxx-handle") {
  id
  title
  handle
  productType
  metafields(first: 5) {
    edges {
      node {
        key
        value
      }
    }
  }
}

}

But I get an empty array for metafields. Not sure what I am missing here. Any help would be appreciated

David Lazar David Lazar · Accepted Answer · 2020-11-12T02:04:58

There are a couple of problems here.

when you created your metafields, you had to assign them to a namespace. When you try to retrieve them with Storefront API, you have to provide this namespace, and you failed to do that.
evem if you created metafields in the admin using some App, you will not see them using Storefront API unless you turn them ON using a special flag.

So that is likely a missed step too. Read up on this and pay attention to the MetafieldStorefrontVisibility. You set the namespace and key to be visible. Meaning you likely will not be creating metafields willy nilly without careful consideration about turning each one on or off to Storefront API access.

Can't Get Product Metafields using StoreFront GraphQL API

2 Answers