Rise/Dawnテーマで商品の特徴を視覚的に表現できる「商品バロメーター」の設定例です。商品のメタフィールドを活用することで、商品の特徴を5段階で分かりやすく表示できます。
◆実装のメリット
・商品の特徴を視覚的に表現可能
・直感的な商品比較が可能なので購買判断の助けになる
・カスタマイズ性が高く様々な商品カテゴリーに対応可能
◆具体的な手順
①メタフィールドの設定
・管理画面から必要な数のバロメーター定義を追加
・各商品に対してバロメーターの値を設定
②テーマのカスタマイズ
・商品テンプレートに「カスタムLiquidセクション」を追加してバロメーター表示用のコードを挿入
◆実装のポイント
・表示する項目によって最大値・最小値の表示内容を調整する必要あり
・見た目はCSSを直接修正
Shopifyのテーマ「Rise/Dawn」の商品ページにメタフィールドを使って「商品バロメーター」を表示する設定例
【設定方法①】必要な分だけ商品メタフィールドにバロメーターの定義を追加し、対象の商品のバロメーターを設定する
【（テーマRise/Dawnの場合）設定方法】商品テンプレートにカスタマイズされたLiquidセクションを追加しコードを挿入
【補足】設定したメタフィールドの値に応じて、表示内容を設定してください
