Quantity Selector

on the Product Details Page and added a delete item option in the Cart Drawer. These changes will reflect on the customer-facing UI and are aimed at improving the overall shopping experience.

1. Quantity Selector on Product Details Page:

• Customers can now select product quantity using a new plus/minus selector or manual input.

• Store owners can customize the label text and text color of the selector.

• Real-time alerts show how many items are left in stock in the cart drawer.

2. Delete Option in Cart Drawer:

• A delete icon has been added next to each item in the cart drawer for quick removal.

⚠️ Inventory Validation & Edge Cases

1. Inventory logic now respects both inventory tracking and out-of-stock purchase settings.

2. Quantity cannot exceed available stock:

• At 1, minus button is disabled; no 0 or negative inputs allowed.

• At 999, plus button is disabled; inputs over 999 are blocked.

• When selected quantity matches inventory, plus button is disabled.

3. During Add to Cart, any quantity above stock is capped automatically.

Images

Quantity Selector in Product details page:

Delete item button in cart drawer:

Edit quantity field in cart drawer:

Text customisation of Quantity selector label in Product details page: