サイト内でスターレーティングを表示するためのコードは以下です。 TOPページ商品一覧、検索結果、商品詳細ページなどで表示できます。
カテゴリーページ等に表示されるスターレーティングは、クリックして商品詳細ページへ遷移するリンク要素としては動作しない仕様です。商品ページへの導線が必要な場合は、商品画像・商品名など、ページ側のリンク要素をご利用ください。
☝ 【PRODUCT_ID】は商品IDを入力します。
スターレーティング（review-summary-container / data-action="summary"）と、レビュー一覧ウィジェット側で指定している data-pid は、同じ商品ID（同じテンプレート変数）に揃えてください。片方だけ異なると、件数が反映されません。
商品詳細ページでグループ化されたレビュー（グループ内の統合表示）を反映したい場合は、review-summary-container に data-group="true" を追加してください。
レビューが０件の商品にもスターレーティングを表示したい場合は、管理画面側の設定が必要です。
🛠️ 設定方法
① U-KOMI管理画面を開きます。
② 「 レビュー > レビュー設定 」を開きます。
③ ウィジェットでのレビュー投稿設定 の レビューがない場合の星・ウィジェット表示（商品一覧ページ） を有効にします。
パラメーター名 | パラメーター説明 | 入力値 | デフォルト値 |
|---|---|---|---|
data-pid | 商品ID設定すると設定した商品IDの商品レビューのみが表示される | 商品ID | 指定なし |
data-gname | グループ名設定すると設定したグループ名の商品が全て表示される | グループ名 | 指定なし |
data-group | 設定している商品IDの商品が登録されているグループ内の商品全てが表示される | true,false | true |
data-question | レビュー一覧に設定したカスタム質問のフィルター分の、レビュー件数が表示される | queid,ansid | 指定なし |
data-review-score | 設定した数字のレーティングのレビューのみが表示される | 1/2/3/4/5 | 全て |
data-popup | スターレーティングのポップアップ表示を無効化する | true,false | true |
レイアウト画面のプレビューに表示されない場合は、登録されているレビュー投稿数が不足している可能性があります。目安として合計5〜6件以上のレビューが登録されると、プレビューにも表示されます。
※スターレーティングのホバー時のポップアップを無効にする場合は、下記のパラメーターを追加してください。
パラメーター追加時の例）
スターレーティングの基本的な設置方法のガイド動画です。
スターレーティングの応用的なステータス設定ガイド動画です。