メインコンテンツへスキップ

レビューメインウィジェットと星評価の設置（vintage themes）

  • 更新

対象：

  • Shopifyのvintage themesでCREMAレビューをご利用のマーチャント
  • Shopify Online Store 2.0をご利用の場合は、Shopify Online Store 2.0ガイドをご参照ください。
    • ご自身のテーマがどのバージョンか分からない場合は、Shopifyの案内をご確認ください。

 

本記事の内容：

 

CREMA Reviewのコアスニペットを有効にする

❗重要

CREMA Reviewが正しく動作するためには、コアスニペットを有効にする必要があります。

 

コアスニペットを有効にする方法：

  1. Vintage themesのShopifyテーマエディタを開きます。
  2. 左側のメニューから [App埋め込み（App embeds）] をクリックします。
  3. コアスニペットを「ON」に切り替え、[保存] をクリックします。

 

商品ページにレビューメインウィジェットと星評価を手動で設置する

レビューメインウィジェットの設置方法

  1. Shopify管理画面の「テーマ」メニューに移動し、[アクション → コードを編集] をクリックします。
  2. product.liquid を開き、{% section 'product-template' %} の下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-product-reviews" data-product-code="{{ product.id }}" data-widget-style="list_v3"></div>

 

星評価の設置方法

  1. 「コードを編集（Edit Code）」メニューから、product-template.liquid を開きます。
  2. {{ product.title }} の下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-product-reviews-score" data-product-code="{{ product.id }}" data-format="&#123;&#123;&#123;stars&#125;&#125;&#125; &#123;&#123;&#123;score&#125;&#125;&#125; (&#123;&#123;&#123;reviews_count&#125;&#125;&#125; reviews)"></div>

 

レビューメインウィジェットや星評価以外にも、以下の手順に従って他のウィジェットをvintage themesに設置することができます。

 

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

 

関連

関連記事