本文へ移動する
06-7777-3960受付 月〜土 9:00〜18:00
無料で相談する→

サービス何をつくるかは、話してから決めましょう。

サービス一覧を見る

UX公開 更新

カートに入れた商品が消えるとき、買う人の操作から確認すること

この記事で分かること

通販カートの商品が消えるとき、追加直後・ページ移動・ログイン・再訪・別端末のどこで変わるかを確認。保存期間とブラウザの識別、画面キャッシュを分けて原因と対応を絞ります。

読み方
通販サイトのカート状態をパソコンとスマートフォンで確認する説明用写真。記事の全文タイトルと正式Bämロゴ。

通販サイトで「カートに入れたはずの商品が消えた」と聞いたとき、保存時間を延ばすだけでは原因を見落とすことがあります。追加した直後に消えるのか、ログイン後なのか、翌日に別の端末で開いたときなのかで、確かめる場所が違うからです。買う人が行った操作と、商品が見えなくなった時点を再現し、仕様どおりの失効と表示の不具合を分けてから対応を選びます。

商品が消えた「次の操作」を一つずつたどる

最初に、商品ページで種類や数量を選んでカートに入れ、画面上の件数とカートページの内容を確認します。続いて商品一覧へ戻る、別ページへ移る、ログインする、ブラウザを閉じて戻るという順で試します。どの操作の直後に件数や商品が変わったかを記録すると、確認先を狭められます。実際の問い合わせがあれば、使った端末とブラウザ、ログインの有無、追加から再訪までのおおよその時間も聞きます。注文情報やパスワードを送ってもらう必要はありません。

同じ商品で毎回起きるのか、特定の種類を選んだときだけなのかも分けます。商品ごとの在庫や販売条件による案内が表示された場合は、その表示を控えて商品設定を確認します。本稿で主に扱うのは、商品を追加できた後にカートの状態が続かない場合です。表示の変化を「売れない理由」と一括りにしない方が、修正対象を誤りません。

商品追加直後、ページ移動、ログイン、時間を置いた再訪の順にカートの状態を確かめる図
最後に商品が見えた画面と、最初に消えた画面を記録します。

保存期間、ブラウザ、ログイン状態を分ける

カートがどれだけ残るかは、利用中の通販サービスとショップの設定で変わります。WooCommerceの公式資料では、訪問者が商品を追加するとセッションが始まり、期限が過ぎるとカートの品目を忘れる仕組みが説明されています。別のサービスや拡張を使う店にも同じ時間が当てはまるわけではありません。まず自店で有効な保存条件を確認します。

同じ人でも、スマートフォンとPC、通常の画面とプライベート閲覧では、同じカートが見えるとは限りません。WooCommerceのCookie資料は、ブラウザに保存する識別情報を使ってカートのデータを探す例を示しています。別端末で空になるなら、ショップがアカウントを通じた引継ぎを提供しているかを確かめます。ログインを境に消えるなら、ゲスト時のカートをログイン後へどう統合するかを確認します。WooCommerceでもセッション管理の変更案内があるため、利用中の版と拡張の組み合わせで試す必要があります。

保存された商品と、画面に見える商品を区別する

追加直後にカートの件数は増えるのに、カートページだけ空に見える場合は、保存そのものではなく表示を疑います。WooCommerceの画面表示資料は、カートと購入手続きのページには利用者ごとに変わる内容があり、通常はキャッシュから除外すべきだと説明しています。使っている仕組みが違っても、商品ページ、ヘッダーの件数、カートページ、購入画面で同じ状態を示すか見比べると、どこから食い違うか分かります。

この確認はテスト用の商品とアカウントで行い、実際の注文、在庫、決済に影響しない手順を先に決めます。キャッシュ設定をいきなり全停止するのではなく、利用中のサービスが推奨する除外範囲と画面を確認します。会員機能やカスタマイズを使っている場合は、拡張の更新前後でも同じ操作を比べます。

再訪時、ログイン時、カート画面だけで商品が消えた場合にそれぞれ確認する条件を分けた図
消える条件が違えば、確認する設定や画面も変わります。

対策は、再現した条件と買う人への案内を合わせて決める

保存期間が仕様どおりで短いなら、期間を変えられるか、変える必要があるかを運営方法と併せて決めます。長く残す設定だけで解決するとは限らず、端末を替えたときの引継ぎは別の機能です。別端末では持ち越せない仕様なら、買う人に保存される条件を正確に案内し、対応できる場合だけ会員の保存機能を検討します。追加直後や同じブラウザ内で消えるなら、画面・セッション・キャッシュなどの不具合を先に調べます。

変更後は、ログイン前、ログイン後、時間を置いた再訪、別端末という同じ条件で再テストします。商品が残るだけでなく、カートから購入画面へ進めるか、空になった場合に買い物へ戻れるかも確認します。Bämの通販の悩みの相談ページでは、商品を選ぶところから注文完了までをたどり、画面の問題と利用サービスの仕様を分けて考えます。再現した操作と現在のショップの仕様を持ち寄れば、表示の修正で足りるか、機能の変更が必要かを具体的に検討できます。

参考資料

資料確認日:2026年9月26日。WooCommerceの仕様は説明用の実例です。保存期間とログイン時の動きは、利用中のサービス・版・設定を確認してください。

次の一歩読んだあとに

会社の場合も、考えてみませんか。

この内容を相談する→

ホームページ制作サービスを見る →

この記事を書いた人

Bäm[バム]運営事務局株式会社みやあじよ

株式会社みやあじよの担当者が、調査、執筆、編集、公開前の確認を行います。出典・数字・固有名詞・リンク・読みやすさを、公開の前に人が確かめます。

調べて、書いて、確かめてから公開します記事について連絡する

無料で相談する →