カタログ・コレクションページへの星評価の設置

星評価は、お客様が商品に対してどう感じたかを一目で示す重要な指標です。
これは、公開されているレビューの平均評価を反映しており、購入者がサイト内で詳細なレビューを簡単に確認できるようにリンクを提供します。
星評価には、その商品に対して投稿されたレビューの総数も含まれています。

この記事では、メインページ、カテゴリページ、コレクションページに星評価を追加する方法をご紹介します。

1. Shopifyのテーマメニューに移動し、アクション → コードを編集をクリックします。

2. 以下のいずれかのファイルを探します：

   • product-grid-item.liquid、product-collection.liquid、product-card-grid.liquid、product-list-item.liquid、card-product.liquid など

   • スター評価は商品タイル用のテンプレートファイルに追加する必要があります。上記は一般的なファイル名ですが、テーマセットによって異なる場合がありますのでご注意ください。

3. {{ product.title }} 要素の下に以下のコードを追加し、保存をクリックします。

{% liquid

assign format = '${stars} (${reviews_count})'

assign formatStarsInput = '${stars}'

assign formatStarsParsed = '{{{stars}}}'

assign formatReviewsCountInput = '${reviews_count}'

assign formatReviewsCountParsed = '{{{reviews_count}}}'

%}

<span

class="crema-product-reviews-score"

data-product-code="{{ product.id }}"

data-hide-if-zero="1"

data-format="{{ format | replace: formatStarsInput, formatStarsParsed | replace: formatReviewsCountInput, formatReviewsCountParsed }}"

data-star-style="multiple"></span>

Vintage themes にCREMAウィジェットを設置する際にサポートが必要な場合は、
お気軽にチャットでお問い合わせいただくか、support.global@cre.ma までご連絡ください。