Step 1. 星評価サマリーブロックを配置
商品ページテンプレートのカートボタン近くに 「RYX レビュー概要」 ブロックを追加します。平均★と総件数が Liquid で即描画され、JS の読み込みを待ちません。
Step 2. レビュー一覧+投稿フォームブロックを配置
同じ商品ページテンプレートの下部に 「RYX レビュー一覧+投稿」 ブロックを追加します。レビュー一覧・ページネーション・投稿フォームがまとまって表示されます。
Step 3. 保存して動作確認
テーマを 保存 → ストアフロントの商品ページを開き、投稿フォームからテストレビューを送信してみましょう。
Vintageテーマの場合
Online Store 2.0 に対応していないテーマでは、テーマエディタの App Block 追加ではなく、商品テンプレートに手動でコードを設置します。
基本方針は次の通りです。
- 商品名の近くに、星評価サマリー用のスニペットを設置する
- 商品説明の下、かつ「あなたへのおすすめ」などの商品レコメンドの上に、レビュー一覧＋投稿フォームをフル幅で設置する
- レビュー一覧・投稿フォームは App Proxy
/apps/ryx-review/reviewsから取得・投稿する - タイトル下のサマリーは、メタフィールド集計が古い場合に備えて App Proxy の取得結果でも更新する
詳しい設置位置は セクションライブラリ を確認してください。