レビュー一覧の表示
<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>【PRODUCT_ID】は商品IDを入力します。
<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 | date |
data-sort-order | 「昇順」と「降順」 | asc,desc | desc |
data-review-type | 表示するレビュー種類 | site,product ※レビュー専用ページのレビュー一覧用 | 全て |
data-filter-expand | カスタム質問のフィルターを最初から表示する | true,false | true |
data-pagination | paginationを有効にするかどうか | 0,1 | 1 |
data-hide-response | サイト返信を隠すかどうか | 0,1 | 0 |
data-review-score | 表示するレビュー評価を指定する | 1,2,3,4,5 | 全て |
data-question | レビューのカスタム質問選択を指定する※記載の仕方はカスタム質問のIDと,回答のIDで といった記載の仕方 | （例）data-question=“88,366” | 指定なし |
data-product-picture | 商品写真を表示させるかどうか | 0,1 | 0 |
data-summary-detail | 評価詳細を表示させるかどうか | 0,1 | 0 |
data-feature | ピックアップ機能を有効にさせるかどうか | 0,1 | 1 |
data-preview | レビューをプレビュー表示させるかどうか | 0,1 | 0 |
data-preview-count | プレビュー時の表示するレビュー数 | 数字 | 3 |
data-preview-text | もっと見るボタンのテキスト | テキスト | もっと見る |
<div class="review-container" data-action="dedicated-widget" data-review-count="3" data-sort="date" data-sort-order="desc" data-review-type="site"></div>↑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" >レビュー一覧設置基礎のガイド動画です。