商品レビューの表示設定

カラーミーSEO+テンプレートの独自設定です。
他テンプレートでは、当記事の内容では設定出来ませんのでご注意ください。

 

レビュー機能が有効であり、1件以上のレビューがある場合、商品ページにレビュー内容とショップからの返信が表示されるようになっています。

 

初期状態では評価星は最大5つ、レビューの表示件数は最大3件となっていますが、どちらもhtml/css編集で変更可能です。

レビュー表示数に関する編集

レビューの表示件数はhtml側の操作となります。

「4-single-item.html(商品詳細)」に下記の部分があるので、value=3の部分を任意の数に変更します。

カラーミーのhtml編集画面

評価星の数を変更する

カラーミーショップでは最大10まで最高評価の星を指定できます。(初期値は5)

SEO+では5つ星での設定にしていますので、5以外に変更する場合はcss、htmlの編集が必要です。

評価星の数を変える

星の数はcssで編集します。「商品詳細」ページのCSS欄に追記していただければ結構です。

.rate:before,
.rate:after {
content: '★★★★★';
}

上記コードの、★★★★★を増やしたり減らしたりで数を調整してください。

 

続いて、評価の最大値を6以上に設定する場合は、下のコードを追記してください。(最大値が5つ星未満の場合は不要)

 

.star-6:after { width: 6em; }
.star-7:after { width: 7em; }
.star-8:after { width: 8em; }
.star-9:after { width: 9em; }
.star-10:after { width: 10em; }

 

2020年3月10日カラーミーカスタマイズcss,html,レビュー

Posted by ミフネWEB