Product Page does not support variant level inventory

[Cliftonz]

Describe the bug
The product page does not support variant-specific inventory tracking. Users are unable to buy products with as the page thinks that there is no inventory at all.

To Reproduce
Steps to reproduce the behavior:
1. Go to a product page with variants that have individual inventories.
2. Product says Out of Stock and the user cannot buy the item.

https://github.com/bigcommerce/catalyst/blob/main/core/app/%5Blocale%5D/(default)/product/%5Bslug%5D/_components/details.tsx
https://github.com/bigcommerce/catalyst/blob/main/core/components/add-to-cart-button/index.tsx

Expected Behavior
The inventory levels should be adjustable and tracked for each product variant independently. When a specific variant is sold or restocked, its individual inventory count should update without affecting others.

[chanceaclark]

Hey @Cliftonz, could you provide some more information here? I'm specifically wondering if you have modified the code at all and what version of Catalyst you are using?

We should have an example product that works correctly on our continuous deployment: https://catalyst-latest.vercel.app/1-l-le-parfait-jar/

As you can see, we have variant inventory tracking:

Silver Small is in stock:

Black Medium is out of stock:

[Cliftonz]

@chanceaclark Thanks for getting back to me, I believe I created this from V0.20 client all I could find was. "@bigcommerce/catalyst-client": "^0.7.0",

I have not modified any of the catalyst code except theming. That is a whole different issue.

The issue that I am specifically seeing is with dropdowns have the variants with a dropdown do not work.

Do you have an example with a dropdown variant?

[chanceaclark]

Looks like this might be an API issue then. I was sort of able to reproduce it, but the inventory was coming back as not in stock until all options were selected. I'll reach out to the team that manages and see what they think.

Screen.Recording.2025-01-02.at.13.00.28.mov

[Cliftonz]

Thank you for looking into this

[Cliftonz]

@chanceaclark Any update?

[chanceaclark]

Hey @Cliftonz, I had @jordanarldt take a look into it and looks like there was some code that needed to account for MLI. He's got a fix on the way but might take some time to get it across the finish line as we have some deadlines this week. I'll let Jordan respond when he's closer to wrapping it up.

[Cliftonz]

@chanceaclark All good as long as its being worked on and we are updated.
Thank you for letting me know.

[jordanarldt]

Hey @Cliftonz - just wanted to follow up on this. I've got the code changes ready and they're just waiting on the review from the respective team. I will let you know as soon as it's out 👍

[jordanarldt]

Hey @Cliftonz , quick update! The code has been merged so I'll be rolling it out tomorrow, Monday, and Tuesday. You should see things get resolved around then 😄

[jordanarldt]

Hey again @Cliftonz , the fix has been rolled out. I will go ahead and close out this issue.