食料品ECでは、他のECと異なり商品詳細ページの手前（商品一覧）でぽんぽんカートに入れる UX が好まれる。また、モーダルな操作（わざわざカートを開く）なしに、何をいくつカートに入れたかを随時確認して変更したりしたい。解決例として、商品リストに「カートに追加」ボタンを置き、押すと動的に quantity picker（数量を表示/増減できるステッパー) を提示する。

Grocery UX: Dynamically Update the “Add to Cart” Button to a Quantity Selector after Item Added – Baymard Institute
https://baymard.com/blog/grocery-add-to-cart-buttons