customFields not retrieved in Remix Storefront

[huwgit]

I have added the following custom fields

   Product: [
        { name: 'weight', type: 'string' },

        { name: 'size', type: 'localeString' },
      ]

It works fine on the admin site. On the storefront in remix I cannot access these fields even though they are they are there - I can retrieve them using graphql:

{
product(slug: "laptop") {
name
id
customFields{
weight
}
}
}

Any idead where my remix storefront not picking these up?

[michaelbromley]

Hi,
A GraphQL client application like the Remix storefront will not automatically fetch any fields not explicitly specified by the queries it is using. So you'll need to add the custom fields to your field selection in the product query.

[huwgit]

when I run it I get

✖ GraphQL Document Validation failed with 1 errors;
  Error 0: Field "customFields" must not have a selection since type "JSON" has no subfiel…
  at /Users/buthenahdavies/storefront-remix-starter/app/providers/products/products.ts:6:18

❯ Generate to app/generated/schema.graphql

[michaelbromley]

Try changing this line to point to your local Vendure server

overwrite: true
schema:
  - "http://localhost:3000/shop-api"

[huwgit]

Yes that did. Thanks a lot.

[michaelbromley]

Good to know! We're going to add a guide to the docs of the Remix storefront to make this easier for others who want to do this.

[kyunal]

I went ahead and published the guide which covers the necessary steps 🎉

[huwgit]

That looks great, thanks once again. Huw

…

On Thu, Dec 8, 2022 at 5:33 PM kyu ***@***.***> wrote: I went ahead and published the guide <https://github.com/vendure-ecommerce/storefront-remix-starter/wiki/Querying-custom-fields> which covers the necessary steps 🎉 — Reply to this email directly, view it on GitHub <#1924 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACHKOFGVSZJ4LEDQF3SLJPTWMILVNANCNFSM6AAAAAASX53VY4> . You are receiving this because you authored the thread.Message ID: ***@***.*** com>