{"product_id":"2024-11-13","title":"【Dawn】Shopifyのテーマ「Rise\/Dawn」の商品ページにメタフィールドを使って商品の特徴が一目で分かる「商品バロメーター」を表示する設定例","description":"\u003cp\u003eRise\/Dawnテーマで商品の特徴を視覚的に表現できる「商品バロメーター」の設定例です。商品のメタフィールドを活用することで、商品の特徴を5段階で分かりやすく表示できます。\u003c\/p\u003e\n\u003cp\u003e◆実装のメリット\u003cbr\u003e・商品の特徴を視覚的に表現可能\u003cbr\u003e・直感的な商品比較が可能なので購買判断の助けになる\u003cbr\u003e・カスタマイズ性が高く様々な商品カテゴリーに対応可能\u003c\/p\u003e\n\u003cp\u003e◆具体的な手順\u003cbr\u003e①メタフィールドの設定\u003cbr\u003e・管理画面から必要な数のバロメーター定義を追加\u003cbr\u003e・各商品に対してバロメーターの値を設定\u003cbr\u003e②テーマのカスタマイズ\u003cbr\u003e・商品テンプレートに「カスタムLiquidセクション」を追加してバロメーター表示用のコードを挿入\u003c\/p\u003e\n\u003cp\u003e◆実装のポイント \u003cbr\u003e・表示する項目によって最大値・最小値の表示内容を調整する必要あり\u003cbr\u003e・見た目はCSSを直接修正\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003eShopifyのテーマ「Rise\/Dawn」の商品ページにメタフィールドを使って「商品バロメーター」を表示する設定例\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-13_1.png?v=1767406879\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e【設定方法①】必要な分だけ商品メタフィールドにバロメーターの定義を追加し、対象の商品のバロメーターを設定する\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-13_2.png?v=1767406879\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e【（テーマRise\/Dawnの場合）設定方法】商品テンプレートにカスタマイズされたLiquidセクションを追加しコードを挿入\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-13_3.png?v=1767406879\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e【補足】設定したメタフィールドの値に応じて、表示内容を設定してください\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-13_4.png?v=1767406879\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":47815159447803,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-13.png?v=1767406879","url":"https:\/\/store-dojo.com\/products\/2024-11-13","provider":"STORE DOJO","version":"1.0","type":"link"}