|
対象:
|
本記事の内容
- オールレビューウィジェット(All Reviews Widget)
- レビューカルーセル(Reviews Carousel)
- ビジュアルUGCグリッド(Visual UGC Grid)
- メディアグリッド(Media Grid)
- プロダクトグリッド(Product Grid)
- ソーシャルメディアウィジェット(Social Media Widget)
- ベストレビューウィジェット(Best Reviews Widget)
オールレビューウィジェット(All Reviews Widget)
- Shopify管理画面の「コードを編集(Edit Code)」メニューを開き、
index.liquidを開きます。 - ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="list_v3"></div>
レビューカルーセル(Reviews Carousel)
- Shopify管理画面の「テーマ」メニューに移動し、[アクション → コードを編集] をクリックします。
-
index.liquidを開き、ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="horizontal_scroll"></div>
ビジュアルUGCグリッド(Visual UGC Grid)
- Shopify管理画面の「コードを編集(Edit Code)」メニューを開き、
index.liquidを開きます。 - ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="square_gallery"></div>
メディアグリッド(Media Grid)
- Shopify管理画面の「コードを編集(Edit Code)」メニューを開き、
index.liquidを開きます。 - ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="gallery"></div>
プロダクトグリッド(Product Grid)
- Shopify管理画面の「コードを編集(Edit Code)」メニューを開き、
index.liquidを開きます。 - ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-products"></div>
ソーシャルメディアウィジェット(Social Media Widget)
- Shopify管理画面の「コードを編集(Edit Code)」メニューを開き、
index.liquidを開きます。 - ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="external"></div>
ベストレビューウィジェット(Best Reviews Widget)
- Shopify管理画面の「コードを編集(Edit Code)」メニューを開き、
index.liquidを開きます。 - ファイルの一番下に以下のコードを追加し、[保存] をクリックします。
<div class="crema-reviews" data-widget-style="best_gallery"></div>
ウィジェットの詳細については、ディスプレイウィジェットのショーケースページをご参照ください。
Vintage themes にCREMAウィジェットを設置する際にサポートが必要な場合は、
お気軽にチャットでお問い合わせいただくか、support.japan@cre.ma までご連絡ください。