Support for inventory quantity #753

peepniit · 2020-04-15T08:20:35Z

Hey, great job maintaining the libarary!

Curious to hear when could we access the product variant's quantityAvailable field?
https://shopify.dev/changelog/inventory-quantity-available-on-storefront-graphql-api

Link to API reference

The text was updated successfully, but these errors were encountered:

arobbins · 2020-04-15T13:17:50Z

I was just looking for this last night. Support for this would be amazing!

Is anyone taking pull requests to make this happen?

arobbins · 2020-04-15T14:41:35Z

Quick update on this.

I've forked the repo and followed the contribution guide to attempt a pull request for this change. I'm assuming it simply requires updating the VariantFragment and graphql schema. however I'm not too confident about that :)

I've tried updating the package locally with the above changes but still receive the error:

Field 'quantityAvailable' doesn't exist on type 'ProductVariant'

I'm guessing that in addition to these changes, Shopify needs to "enable" these fields on the API server.

I wonder if @StefanSlehta or @rebeccajfriedman could offer some guidance on which files to edit. Happy to do the work to make it happen.

StefanSlehta · 2020-04-23T18:57:17Z

Hi, Sorry for the delayed response

@arobbins The issue is that we're still on 2020-01 schema, which doesn't support the quantityAvailable field. I've opened a PR to update the api version which should allow you to pull this field in and open a PR for it!

arobbins · 2020-04-23T19:06:00Z

@StefanSlehta Awesome thank you!

StefanSlehta · 2020-04-23T19:45:22Z

Hey just an update, you can also expand the queries you'd like to use instead of adding to the VariantFragment .
We'll have to determine if adding quantityAvailable for everyone makes sense at the moment, mainly because fetching surplus fields starts slowing down the library for everyone even if they don't need all the fields. By expanding certain queries you can fetch exactly the things you need and still keep it relatively quick.
Hope this helps!

arobbins · 2020-04-24T13:30:04Z

@StefanSlehta

Thanks for the direction.

I managed to get the quantityAvailable field pulled in successfully this morning. I'm using the unoptimized UMD bundle and expanding the main query like you mentioned. Works great!

However I do have another question:

To get this to work, I needed to fetch the master branch, run a build, and then include the UMD bundle that way. Can we get this change pushed to a new 2.9.4 release? That way I can continue importing the package like normal. I definitely don't want to include an unoptimized build in my final product.

Since I'm expanding the query I wouldn't need to submit a PR.

Thanks again!

StefanSlehta · 2020-04-24T14:26:04Z

Just updated to 2.10.0, npm is there, CDN might take up to ~24h to bust the cache.

arobbins · 2020-04-24T15:42:48Z

You rock!

wirsing · 2020-06-08T05:15:11Z

@arobbins @StefanSlehta Thanks for this! Would you guys mind posting a short example on how to expand the query to pull the inventory field? I checked the link but can't get the query right. Thanks!

obelmont · 2020-06-10T03:58:27Z

@arobbins @StefanSlehta Thanks for this! Would you guys mind posting a short example on how to expand the query to pull the inventory field? I checked the link but can't get the query right. Thanks!

I'm building a static site (nextjs) that uses a useEffect hook to pull the available qty.
Below is the extended query I use to get this data.
Keep in mind that if the quantityAvaliable returns null it just means that the product's qty is not tracked!

const productAvailableQty = (handle) => {
  const qtyQuery = shopify.graphQLClient.query((root) => {
    root.add(
      "productByHandle",
      { args: { handle: `${handle}` } },
      (product) => {
        product.add("title");
        product.add("handle");
        product.add("id");
        product.addConnection(
          "variants",
          { args: { first: 99 } },
          (variant) => {
            variant.add("id");
            variant.add("availableForSale");
            variant.add("quantityAvailable");
          }
        );
      }
    );
  });
  return shopify.graphQLClient
    .send(qtyQuery)
    .then((res) => JSON.parse(JSON.stringify(res.model.productByHandle)))
    .catch(() => null);
};

50bbx · 2020-10-06T09:31:39Z

@obelmont what do you mean by saying that the quantity is not tracked?

obelmont · 2020-11-23T23:00:07Z

@50bbx It means that the product's available inventory is not tracked in Shopify. It's an option in the Inventory section of each product in Shopify's admin panel that is used to determine available stock to ensure you don't sell more than you have.

socreative · 2021-02-04T17:48:47Z

@obelmont I get
No field of name "quantityAvailable" found on type "ProductVariant" in schema

when I run the query :(

ktaftaf · 2021-03-16T18:14:01Z

@socreative try inventoryQuantity

city17 · 2021-03-24T09:13:55Z

@ktaftaf That's for the regular Shopify API, Storefront uses quantityAvailable.

@socreative I also get the same: Error: No field of name "quantityAvailable" found on type "ProductVariant" in schema.

I do have the correct access in the Shopify App as I can query the quantityAvailable field with a standard GQL query at build time.

@obelmont Could you confirm that your code is still working for you? Trying the same code results in the schema error for me...

EDIT: Found the answer, you need to change from the standard SDK to the unoptimized one (the last one here: https://github.com/Shopify/js-buy-sdk#builds)

iamprofessork · 2022-03-31T22:21:56Z

@obelmont I tried to use your code and i am getting quantityAvailable: null . I have already turned on "Track quantity" for the product. Do you happen to know why?

kolorfilm · 2022-05-19T16:22:17Z

I have the same problem. Tried to access quantityAvailable from variant and it seems it is not in there.

arobbins · 2022-05-19T16:38:54Z

I wonder if this is related to: Shopify/storefront-api-feedback#101

owystyle · 2022-11-03T16:40:49Z

Found the issue for quantityAvailable: null. You need to have access to read_inventory scope for your access token https://shopify.dev/api/usage/access-scopes

Mritunjay004 · 2023-01-18T11:45:10Z

I have provided both read_inventory access in the storefront and tracking the quantity still getting quantityAvailable: null. Someone help please.

kolorfilm · 2023-01-19T16:32:13Z

There is also no quantityAvailable within the data item.variant. There isn't even quantityAvailable at all.

I gave access to the prop unauthenticated_read_product_inventory of course.

Any ideas?

walton-alex · 2023-05-16T19:32:15Z

No field of name "quantityAvailable" found on type "ProductVariant" in schema
or
No field of name "inventoryQuantity" found on type "ProductVariant" in schema

Any ideas?

Mritunjay004 · 2023-05-16T19:59:17Z

Reinstall Shopify GraphQl app.

…

On Wed, May 17, 2023, 01:02 Alex Walton ***@***.***> wrote: No field of name "quantityAvailable" found on type "ProductVariant" in schema or No field of name "inventoryQuantity" found on type "ProductVariant" in schema Any ideas? — Reply to this email directly, view it on GitHub <#753 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AP6YQNBIAAA7CZ5KSQ5A5DLXGPI4VANCNFSM4MIL34SQ> . You are receiving this because you commented.Message ID: ***@***.***>

walton-alex · 2023-05-16T20:16:22Z

@Mritunjay004 As in un-install then re-install the app in the Shopify apps area?

Mritunjay004 · 2023-05-16T21:21:29Z

https://shopify-graphiql-app.shopifycloud.com/login Here is the link while downloading also select the scopes. Cheers!!

…

On Wed, May 17, 2023, 02:38 Mritunjay ***@***.***> wrote: Yup On Wed, May 17, 2023, 01:46 Alex Walton ***@***.***> wrote: > @Mritunjay004 <https://github.com/Mritunjay004> As in un-install then > re-install the app in the Shopify apps area? > > — > Reply to this email directly, view it on GitHub > <#753 (comment)>, > or unsubscribe > <https://github.com/notifications/unsubscribe-auth/AP6YQNBI6RY6UXTXOOCQALDXGPOCHANCNFSM4MIL34SQ> > . > You are receiving this because you were mentioned.Message ID: > ***@***.***> >

Mritunjay004 · 2023-05-16T21:21:29Z

Yup

…

On Wed, May 17, 2023, 01:46 Alex Walton ***@***.***> wrote: @Mritunjay004 <https://github.com/Mritunjay004> As in un-install then re-install the app in the Shopify apps area? — Reply to this email directly, view it on GitHub <#753 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AP6YQNBI6RY6UXTXOOCQALDXGPOCHANCNFSM4MIL34SQ> . You are receiving this because you were mentioned.Message ID: ***@***.***>

mwrigley · 2023-09-22T03:18:24Z

The issue for me was I had to have 'unauthenticated_read_product_inventory' included in my scopes. This is not in the documentation, but was showing as an error in the response.

StefanSlehta closed this as completed Apr 24, 2020

obelmont mentioned this issue Jun 10, 2020

JS Buy SDK - Get product quantity? #764

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Support for inventory quantity #753

Support for inventory quantity #753

peepniit commented Apr 15, 2020

arobbins commented Apr 15, 2020

arobbins commented Apr 15, 2020 •

edited

Loading

StefanSlehta commented Apr 23, 2020

arobbins commented Apr 23, 2020

StefanSlehta commented Apr 23, 2020

arobbins commented Apr 24, 2020 •

edited

Loading

StefanSlehta commented Apr 24, 2020

arobbins commented Apr 24, 2020

wirsing commented Jun 8, 2020

obelmont commented Jun 10, 2020

50bbx commented Oct 6, 2020

obelmont commented Nov 23, 2020

socreative commented Feb 4, 2021 •

edited

Loading

ktaftaf commented Mar 16, 2021

city17 commented Mar 24, 2021 •

edited

Loading

iamprofessork commented Mar 31, 2022

kolorfilm commented May 19, 2022

arobbins commented May 19, 2022

owystyle commented Nov 3, 2022

Mritunjay004 commented Jan 18, 2023

kolorfilm commented Jan 19, 2023

walton-alex commented May 16, 2023

Mritunjay004 commented May 16, 2023 via email

walton-alex commented May 16, 2023

Mritunjay004 commented May 16, 2023 via email

Mritunjay004 commented May 16, 2023 via email

mwrigley commented Sep 22, 2023

Support for inventory quantity #753

Support for inventory quantity #753

Comments

peepniit commented Apr 15, 2020

arobbins commented Apr 15, 2020

arobbins commented Apr 15, 2020 • edited Loading

StefanSlehta commented Apr 23, 2020

arobbins commented Apr 23, 2020

StefanSlehta commented Apr 23, 2020

arobbins commented Apr 24, 2020 • edited Loading

StefanSlehta commented Apr 24, 2020

arobbins commented Apr 24, 2020

wirsing commented Jun 8, 2020

obelmont commented Jun 10, 2020

50bbx commented Oct 6, 2020

obelmont commented Nov 23, 2020

socreative commented Feb 4, 2021 • edited Loading

ktaftaf commented Mar 16, 2021

city17 commented Mar 24, 2021 • edited Loading

iamprofessork commented Mar 31, 2022

kolorfilm commented May 19, 2022

arobbins commented May 19, 2022

owystyle commented Nov 3, 2022

Mritunjay004 commented Jan 18, 2023

kolorfilm commented Jan 19, 2023

walton-alex commented May 16, 2023

Mritunjay004 commented May 16, 2023 via email

walton-alex commented May 16, 2023

Mritunjay004 commented May 16, 2023 via email

Mritunjay004 commented May 16, 2023 via email

mwrigley commented Sep 22, 2023

arobbins commented Apr 15, 2020 •

edited

Loading

arobbins commented Apr 24, 2020 •

edited

Loading

socreative commented Feb 4, 2021 •

edited

Loading

city17 commented Mar 24, 2021 •

edited

Loading