店舗レビュー一覧を表示したい場合（すべてのレビューを一覧で表示する）
本機能はコマースクリエイター未利用・移行中（切替前）の店舗様はご利用いただけません。
「future Review」ではなく、「futureshopレビュー機能（標準機能）」をご利用の方はこちらをご覧ください。
店舗が取り扱う全商品に寄せられたレビューを、全件一覧で表示することができます。
「店舗一覧」ページとして新規ページを作成することも、既存のページに一覧表示エリアを作成することも可能です。
＜目次＞
店舗レビュー一覧の表示イメージ
＜「店舗レビュー一覧」ページを新規作成する場合＞
※既存のページに店舗レビュー一覧エリアを追加する場合はこちら
＜並び替えメニュー＞
＜［絞り込み］モーダル＞
店舗レビュー一覧（見出し）
＜「店舗レビュー一覧」ページを新規作成する場合＞
futureshop管理画面のフリーページで設定した「ページ見出し」が表示されます。
＜既存のページに店舗レビュー一覧エリアを追加する場合＞
見出しは自動的に出力されません。独自作成する必要があります。
必要に応じて、futureshop管理画面のフリーパーツ追加の機能を利用し、見出しを作成した後、レイアウト配置してください。
上部のスターレーディングと件数
全商品を対象に、掲載済み全レビューの平均評価と件数が表示されます。
レビュー閲覧時の注意事項とリンク
future Review管理画面のレビューの全件表示設定での設定が連携されます。
並び替えと絞り込み
＜並び替えメニュー＞
初期表示は、future Review管理画面のレビューの全件表示設定-初期ソートで設定した並び順です。
プルダウンから任意の並び順に変更できます。
＜［絞り込み］ボタン＞
［絞り込み］を押下すると、モーダルが開きます。
★評価で絞り込みをかけてレビューを表示できます。
各ピックアップレビューの表示内容と件数
future Review管理画面の埋め込みタグ一覧ーレビューの全件表示タグ用埋め込みタグの「1ページあたりの表示件数」で設定した件数分表示されます。それ以上の件数がある場合は、ページネーションが表示されます。
以下の内容が表示されます。
- 「スターレーディング」
- 「レビュー本文」
- 文字数が多いレビューは、630文字前後で折りたたまれ、［続きを表示］リンクが表示されます。
- 「（ある場合は）投稿画像」
- 「（投稿者の）ニックネーム」
- 「（選択された）タグ」
- 「（レビューされた）商品の画像と商品名」
- 押下すると、該当商品の「商品詳細」画面が別タブで開きます。
- 商品画像は、レビュー投稿時に「商品サムネイル画像」に設定されていた画像が表示されます。バリエーションの場合も同様です。
- 「（ある場合は）店舗からの返信」
設定手順
レビュー全件表示設定をする
まず、全件表示する際のレビューの並び順や注意書きリンクなどの設定を行います。
初期ソート
全レビューが表示された際に、どのような表示順で初期表示するかを設定します。
以下より選択できます。
- 投稿日時が新しい順（デフォルト）
- 投稿日時が古い順
- 評価が高い順
- 評価が低い順
注意書きリンク
「レビュー閲覧時の注意事項」を表示するページへの、リンクを設定できます。
表示内容・初期設定-「商品詳細画面レビュー表示設定」で設定した文言やURLと併用でも構いません。
全件表示にあたり、特記すべきことがある場合は、新たに作成してください。
画面の使用方法については、レビューの全件表示設定をご覧ください。
レビューを全件表示するのための連携設定を行う
future Review管理画面で行った、レビューの全件表示に関する設定をECサイトに読み込む（連携する）ための設定を行います。
［1］レビュー全件表示用タグを設定するためのパーツ（箱）をつくる
まずはじめに、表示に必要なタグを設定するためのパーツ（箱）を、コマースクリエイターの機能を用いて作成します。
- futureshop管理画面 コマースクリエイター＞パーツ＞パーツ一覧を開きます。
- 画面左下にある［フリーパーツを追加する］ボタン横の［▲］を押下します。
- 表示されたメニューから「フリーパーツを追加する」を選択します。
- 「フリーパーツ追加」画面が開きます。
パーツの入力欄は、以下を参考に入力してください。
| パーツ名（例） | 置換文字（例） | 表示内容 |
|---|---|---|
| ［futureReview］レビュー全件表示 | fr-AllDisplay | 空欄のまま |
ここまで入力が完了したら、画面をそのままにしておいてください。
この状態のまま、「表示内容」に入力する、ピックアップ表示用タグをfuture Review管理画面から取得します。
［2］レビュー全件表示用のタグを設定する
future Review管理画面から表示用のタグを取得し、作成したパーツ（箱）の「表示内容」欄に貼り付けます。
＜futureReview管理画面 専用「タグ」の取得場所＞
操作画面：future Review管理画面 レビュー表示画面設定＞埋め込みタグ一覧ー「共通」セクション
「レビューの全件表示タグ用埋め込みタグ」行の「 コピーする」を押下すると、表示されている専用「タグ」がコピーされます。
本画面上で「1ページあたりの表示件数」を設定できます。プルダウン（10件/20件/50件/100件）から選択すると、表示件数を指定したタグが自動で発行されます。
＜futureshop管理画面 専用「タグ」の貼り付け場所＞
操作画面：futureshop管理画面 コマースクリエイター＞パーツ＞フリーパーツ追加
先の手順で作成したフリーパーツ（［futureReview］レビュー全件表示）の「表示内容」欄に貼り付けます。
完了したら、開いていた「フリーパーツ追加」画面の［保存する］を押下します。
本操作により、レビュー全件の表示設定が、
futureReview管理画面からfutureshop管理画面へ連携されます。
レビューを全件、ECサイトに一覧表示するのための設定を行う
「店舗レビュー一覧」ページを新規で作成する方法と、既存のページに一覧エリアを作成する方法を2種類ご説明します。
「店舗レビュー一覧」ページを新規で作成する方法
フリーページを新規作成します。
「店舗レビュ一覧」ページをフリーページで作成する
- futureshop管理画面 コマースクリエイター＞フリーページを開きます。
- 画面左下にある［フリーページを追加する］ボタンを押下します。
専用タグをフリーパーツ（置換文字）にて、フリーページに読み込む
- 「フリーページ追加」画面が開きます。
入力欄は、以下を参考に入力してください。
| タイトル（例） | URL（例） | ページ見出し | ページ本文 |
|---|---|---|---|
| ［future Review］店舗レビュー一覧 | futureReviewList | 店舗レビュー一覧 | 空欄のまま |
※その他の項目は任意で入力してください。
- 「本文」欄の下部にある［パーツを読み込む］ボタンを押下します。
- 「パーツ検索」モーダルが開きますので、該当のパーツ（例：［futureReview］レビュー全件表示）を検索し、 ボタンを押下します。
- フリーページの「本文」内に置換文字として読み込まれます。
- 「公開する」にチェックし、［保存する］を押下します。
以上で、レビュー全件が表示された「店舗レビュー一覧」が新規作成されます。
表示イメージは、店舗レビュー一覧の表示イメージをご覧ください。
既存のページに一覧エリアを作成する方法
例として、トップページに表示するための設定を行います。
コマースクリエイターのレイアウト機能を利用し、一覧表示をするためのエリアを作成します。
※デバイスごとにテーマを分けている場合は、テーマごとに設定してください。
※トップページ以外に表示する際、「利用中」マークが表示されているレイアウトが複数ある場合は、レビューを表示したいすべてのレイアウトに同様の操作を行ってください。
トップページレイアウト
- コマースクリエイター＞レイアウト一覧から、「トップ」のレイアウトを開きます。
- メインエリア＞コンテンツエリアの階層まで （階層を開くマーク）を押下して開きます。
- 右側の「検索エリア」にて、「例：future Review」などで検索します。
- 左側の「レイアウト配置エリア」の表示したい位置に、先の手順で作成したフリーパーツ（［futureReview］レビュー全件表示）を配置します。
右エリアからドラッグ&ドロップで配置できます。
左例では新着アイテムの下に表示されるようにしました。
- 「レイアウト設定」画面の［プレビュー］を押下し、プレビュー確認します。
「デザイン確認モード」「動作確認モード」いずれも、ダミー商品とダミーテキストでプレビューされます。
- 問題なければ［保存する］を押下します。
以上で、トップページ上にピックアップレビューが表示されます。
表示イメージは、店舗レビュー一覧の表示イメージをご覧ください。
店舗レビュー一覧の表示仕様
件数に関する仕様
- 一覧として表示できるレビューは、最大100件です。
- 埋め込みタグの
data-limit="10"の数字を手入力し、件数指定することも可能です。- ただし、10～100の数字に限ります。
表示可能なレビュー
- 一覧に表示されるレビューは、「掲載済み」レビューのみです。
ECサイトへの反映について
- ステータス（「掲載/非掲載」）を変更した場合は、即時にECサイト上へ反映されます。
- 表示される「商品名」「商品画像」は、レビュー投稿時の設定で表示されます。
- futureshop管理画面での変更は反映されません。
- 「商品画像」は、レビュー投稿時に「商品サムネイル画像」に指定されていた画像です。
- バリエーション商品の場合も同様です。「バリエーションサムネイル画像」ではありません。
- future Review管理画面のレビューの全件表示設定-初期ソートの変更がECサイトに反映されるには、10分前後ののタイムラグがありますのでご留意ください。
1件もレビューが表示されない場合の表示内容について
- 表示可能なレビューが1件もない場合は、星評価平均は0、レビュー件数は -（ハイフン）を表示し、レビュー一覧は表示されません。
ピックアップレビューを表示できる画面について
- WEBスキミングの対象領域の画面では表示できません。