レビュー一覧の表示


サイト内でレビュー一覧を表示するためのコードは以下です

商品単位でレビュー一覧を表示するためのコードはこちら
<div class="review-container" data-pid="PRODUCT_ID" data-action="widget"></div>
グループ化された商品のレビュー一覧を表示するためのコードはこちら
<div class="review-container" data-pid="PRODUCT_ID" data-group="true" data-action="widget"></div>
グループ単位のレビュー一覧を表示するためのコードはこちら(リッチスニペット対応なし)
<div class="review-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-action="widget"></div>
グループ単位のレビュー一覧を表示するためのコードはこちら(リッチスニペット対応あり):
<div class="review-container" data-gname="GROUP_NAME,GROUP_NAME" data-group="true" data-name="PRODUCT_NAME" data-description="PRODUCT_DESC" data-url="PRODUCT_URL" data-image-url="PRODUCT_IMG" data-price="PRODUCT_PRICE" data-currency="PRODUCT_CURRENCY" data-action="widget"></div>
レビュー専用ページのレビュー一覧を表示するためのコードはこちら
<div class="review-container" data-action="dedicated-widget"></div>

レビュー一覧に使用できる各パラメータは以下です

📖 各パラメータ
【data-customer-id】➡ 表示させるレビューの対象顧客IDを指定する
【data-review-id】➡ 指定したレビューのみ表示する
下記のパラメータも利用可能です:
【data-review-count】➡ 表示するレビュー数(数字)
【data-sort】➡ レビュー表示順位(date,rate,like,buyer,response,picture)
【data-sort-order】➡ 「昇順」と「降順」(asc,desc)
【data-review-type】➡ 表示するレビュー種類(site,product)※レビュー専用ページのレビュー一覧用
【data-filter-expand】➡ カスタム質問のフィルターを最初から表示する(true,false)
【data-pagination】➡ paginationを有効にするかどうか(0,1
【data-hide-response】➡ サイト返信を隠すかどうか(0,1)
【data-review-score】➡ 表示するレビュー評価を指定する(1,2,3,4,5)
【data-question】➡ レビューのカスタム質問選択を指定する※記載の仕方はカスタム質問のIDと,回答のIDで といった記載の仕方。(例)data-question=“88,366”
【data-product-picture】➡ 商品写真を表示させるかどうか(0,1
【data-summary-detail】➡ 評価詳細を表示させるかどうか(0,1
【data-feature】➡ ピックアップ機能を有効にさせるかどうか(0,1
【data-preview】➡ レビューをプレビュー表示させるかどうか(0,1)
【data-preview-count】➡ プレビュー時の表示するレビュー数(数字)
【data-preview-text】➡ もっと見るボタンのテキスト(テキスト)

※パラメータを指定しない場合、デフォルトで設定される値は赤色表記

上記一部のパラメータを利用した例(サイトレビューを3件のみ表示するコード)
<div class="review-container" data-action="dedicated-widget" data-review-count="3" data-sort="date" data-sort-order="desc" data-review-type="site"></div>

【PRODUCT_ID】は商品IDを入力します。

☝ data-pagination パラメータはdata-review-count を指定した状態のみページネーションを非表示にすることができます。

(例)
ページネーションが非表示になる場合の例
<div class="review-container" data-review-count="10" data-pid="product_id" data-group="true" data-action="widget" data-pagination="0"></div>

ページネーションが非表示にならない場合の例
<div class="review-container" data-pid="product_id" data-group="true" data-action="widget" data-pagination="0"></div>

レビュー付き商品一覧の表示

サイト内でレビュー付き商品一覧を表示するためのコードは以下です。
レビュー付き商品一覧を表示するためのコードはこちら
<div class="u-komi-product-widget-container" data-expiration-filter="true" data-show-group="true" data-pagination="true" data-count="8" data-image="true" data-like="true" >
レビュー一覧設置基礎のガイド動画です。