【Shopify TIPS】
商品の特徴が一目で分かる。バロメーター機能の実装方法

Rise/Dawnテーマで商品の特徴を視覚的に表現できる「商品バロメーター」の設定例です。商品のメタフィールドを活用することで、商品の特徴を5段階で分かりやすく表示できます。

◆実装のメリット
・商品の特徴を視覚的に表現可能
・直感的な商品比較が可能なので購買判断の助けになる
・カスタマイズ性が高く様々な商品カテゴリーに対応可能

◆具体的な手順
①メタフィールドの設定
・管理画面から必要な数のバロメーター定義を追加
・各商品に対してバロメーターの値を設定
②テーマのカスタマイズ
・商品テンプレートに「カスタムLiquidセクション」を追加してバロメーター表示用のコードを挿入

◆実装のポイント
・表示する項目によって最大値・最小値の表示内容を調整する必要あり
・見た目はCSSを直接修正

スレッド

３つ目の画像、キャプチャ画像がテンプレート画面になってしまっておりました。正しくは商品ページテンプレートになります。