TH-109: Meraki > Product page > Prevent the customer from placing an order if a variant is out of stock

[bj-anas]

JIRA Ticket

Ticket: TH_109.

Prerequisites

• Check this branch locally and run pnpm run release
• 3 new files will be generated in this format theme name + date + .zip
• Upload generated file locally or in seller-area test env

QA Steps

This QA will be focused only on Product page

• First make sure that you have activated track inventory on your product.
• Set the tracking inventory number on a product (if it have variants scroll down open the variants accordion, under the Untracked input set a number on each variant.
• Now under the product page of your store front try to choose a higher stock than the available you will see a popup notification warning or if the stock is 0 you won't even be able to click on the add to cart button or express checkout button as well you will see them disabled.
• The behaviour that you expect to happen when you have a product that have many variants based on its own inventory you supposed to see this:
  - variant has 0 inventory: express checkout & cart buttons are disabled
  - variant has 2 on inventory : max quantity that the customer can add to cart is 2 if try to add more the popup notification warning show up
  - variant has 2 on inventory and 2 on cart: the popup notification warning show up

Note

I have also fix some CSS issues on Express checkout form