サイト内でレビュースライダーを表示するためのコードは以下です。
レビュースライダーを表示するためのコードはこちら
<div class="review-container" data-action="slider"></div>商品単位でレビュースライダーを表示するためのコードはこちら
<div class="review-container" data-pid="PRODUCT_ID" data-action="slider"></div>グループ化された商品のレビュースライダーを表示するためのコードはこちら
<div class="review-container" data-pid="PRODUCT_ID" data-group="true" data-action="slider"></div>☝ 【PRODUCT_ID】は商品IDを入力します。
レビュースライダーでサイトレビューを表示するためのコードはこちら
<div class="review-container" data-review-type="site" data-action="slider"></div>下記のパラメータも利用可能です
📖 各パラメータ
| パラメーター名 | パラメーター説明 | 入力値 | デフォルト値 |
|---|---|---|---|
| data-review-count | 表示するレビュー数 | 数字 | 9 |
| data-autoplay | 自動的にスライダーを動かす | 数字 | 1 |
| data-autoplay-speed | スライダーのスピードを指定 | ミリ秒 | 3000（3秒） |
| data-morereview-page | 「レビューをもっと見る」ボタンを表示 | 0,1 | 0 |
| data-morereview-page-link | 「レビューをもっと見る」ボタンのリンクを指定 | url | 指定なし |
| data-morereview-page-text | 「レビューをもっと見る」ボタンのテキストを指定 | テキスト | レビューをもっと見る |
| data-sort | レビュー表示順位 | date,rate,like, buyer,picture | date |
| data-sort-order | 「昇順」と「降順」 | asc,desc | desc |
| data-review-type | 表示するレビュー種類 | site,product | 全て |
| data-title-length | 表示するレビュータイトルテキストの最大の長さ | 数字 | 50（文字） |
| data-review-length | 表示するレビューテキストの最大の長さ | 数字 | 35（文字） |
| data-image-size | 表示する商品画像の大きさ | 数字 | 50（px） |
| data-show-date | レビューの日付を表示 | 0,1 | 0 |
| data-review-view-count | 表示するレビュー数を指定 | 数字 | 3 |
| data-pid | 商品IDを指定 | 商品ID | 指定なし |
| data-gname | グループ名を指定 | グループ名 | 指定なし |
| data-review-id | レビューIDを指定 | レビューID | 指定なし |
上記一部のパラメータを利用した例はこちら
<div class="review-container" data-pid="PRODUCT_ID" data-action="slider" data-review-count="10" data-autoplay-speed="3000" data-morereview-page="1" data-sort="date" data-sort-order="desc"></div>