画面から 画面リファレンス さがす・見る 対象: 一般ユーザー

商品をさがす・見る

商品を検索・絞り込みで探し、詳細ページで内容を確認してカートに追加できる画面です。

最終更新日:

商品をさがす・見る

商品一覧では、キーワード検索と絞り込みで商品をさがせます。商品詳細では、商品の内容とレビューを確認し、カートに追加できます。

カテゴリ一覧からは、カテゴリ別に商品をたどれます。

商品一覧画面。検索バーと絞り込み、商品カードの一覧
商品一覧。検索バーと絞り込みで商品をさがせます。

画面への導線

ヘッダーの [商品一覧]、またはトップページの [商品を見る] から開きます。


場面別の運営フロー

場面操作の流れ
キーワードで探す検索バーに語句を入力して検索します。一致する商品がない場合は「別のキーワードでお試しください」と表示されます。
条件を絞り込んで探す価格帯・在庫ありのみ・並び替え(新着順・価格の安い順・高い順)で絞り込みます。[フィルターをクリア] で条件を解除できます。
商品の内容を確認する商品カードを選択して詳細ページを開き、価格・画像・説明・レビューを確認します。
出品者に質問する商品詳細の [出品者に質問する] から質問できます。ログインが必要です。

この画面で行うこと

目的操作と確認
商品をさがす検索バーにキーワードを入力するか、絞り込み条件を選択します。
商品の詳細を見る商品カードを選択し、詳細ページで内容を確認します。
カートに追加する商品詳細の [カートに追加] を選択します。バリエーションがある商品は選択してから追加します。
レビューを見る商品詳細の**「一般ユーザーの声」**セクションでレビューを確認します。

画面項目と運営上の見方

検索バーと絞り込み

画面上部の検索バーにキーワードを入力すると、「「{語句}」の検索結果」という見出しに切り替わります。

絞り込みでは価格帯・在庫ありのみ表示・並び替えを設定できます。

商品カード

商品画像・商品名・価格(税込)を一覧表示します。在庫がない商品には**「在庫切れ」**または**「売り切れ」**の表示が付きます。

商品詳細(価格・画像・購入操作)

商品名・価格・商品画像・商品説明・SKUを確認できます。バリエーションや購入オプションがある商品は、選択してから[カートに追加]します。

在庫切れのバリエーションは選択できません。

商品詳細(一般ユーザーの声)

投稿されたレビューを星評価とコメントで一覧表示します。レビューがまだない場合は「まだ一般ユーザーの声はありません」と表示されます。

カテゴリ一覧

カテゴリと配下のサブカテゴリを一覧表示します。カテゴリ名を選択すると、そのカテゴリの商品一覧へ進みます。


読み込み状態・エラー状態・空状態の見方

状態見え方
検索結果が0件「「{語句}」に一致する商品が見つかりません」と表示され、キーワードや条件の変更を促す案内が出ます。
公開中の商品が1件もない「商品がまだありません」と表示されます。
在庫切れの商品商品カードと商品詳細に**「在庫切れ」**の表示が付き、購入できません。