カートと購入手続き
カート画面では、追加した商品の数量変更・削除ができます。購入手続き画面では、配送先住所と支払い方法を入力し、注文を確定します。
購入手続きは**「お届け先」>「お支払い」>「注文完了」**の順に進みます。

画面への導線
ヘッダーの [カート] から開きます。
場面別の運営フロー
| 場面 | 操作の流れ |
|---|---|
| カートの中身を確認する | 商品ごとの数量・単価・送料を確認します。数量は入力欄で変更できます。 |
| 購入手続きへ進む | [購入手続きへ進む]を選択します。ログインして購入するか、ゲストとして購入するかを選べます。 |
| 配送先と支払いを入力する | 配送先住所と電話番号を入力し、[お支払いへ進む]で決済フォームへ進みます。 |
| 注文を完了する | 決済が完了すると注文完了画面が表示され、注文番号が発行されます。 |
この画面で行うこと
| 目的 | 操作と確認 |
|---|---|
| 数量を変更する | カート画面の数量欄を変更します。 |
| 商品を削除する | 対象の商品の削除操作を行います。[すべて削除]でカートを空にすることもできます。 |
| 購入手続きに進む | [購入手続きへ進む]を選択します。 |
| 配送先を入力する | 登録済みの住所を選ぶか、新しい住所を入力します。 |
| 支払いを完了する | 決済フォームでお支払い情報を入力し、決済を完了します。 |
画面項目と運営上の見方
カートの商品一覧
商品ごとに単価・数量・送料を表示します。在庫が不足している商品には、在庫状況の注意表示が付きます。
ご注文内容(小計・送料)
小計と送料(税込)の概算を表示します。送料は住所確定前の概算で、購入手続きで再計算されます。
購入ステップ(お届け先・お支払い・注文完了)
画面上部にステップ表示があり、現在の段階がわかります。ログインして購入するか、ゲストとして購入するかを最初に選びます。
配送先住所の入力
登録済みの住所から選ぶか、新しい住所を入力します。ログイン中は[この住所を今後のために保存する]にチェックすると、次回以降も使えます。
注文完了画面
「ご購入ありがとうございます」という見出しと注文番号を表示します。ゲスト購入の場合は注文番号を控える案内が表示されます。
読み込み状態・エラー状態・空状態の見方
| 状態 | 見え方 |
|---|---|
| カートが空 | 「カートは空です」と表示され、商品一覧への案内が出ます。 |
| 在庫切れ・在庫不足の商品がある | 該当商品に注意表示が付き、購入手続きに進めない場合があります。 |
| 決済がキャンセルされた | 「決済がキャンセルされました。再度お試しください」と表示されます。 |