{"product_id":"2024-11-14","title":"【Dawn】Shopifyのテーマ「Rise\/Dawn」の商品ページに メタフィールドを使って「商品バロメーター」を表示する設定例（テーマエディタ上でブロック追加する方式）","description":"\u003cp\u003e\u003ca href=\"https:\/\/store-dojo.com\/products\/2024-11-13\"\u003eこちらの方法\u003c\/a\u003eとは別の方法で、商品バロメーターを「テーマエディタ上でノーコードでブロック追加できる」ようにするためのカスタマイズ方法を紹介。\u003cbr\u003eバロメーターの追加が容易になり、運用がさらに便利になります。\u003c\/p\u003e\n\u003cp\u003e◆実装のメリット\u003cbr\u003e・テーマエディタ上で視覚的に設定可能\u003cbr\u003e・商品ごとに表示項目のカスタマイズが容易\u003cbr\u003e・コードを触らずに設定内容の変更が可能\u003c\/p\u003e\n\u003cp\u003e◆具体的な手順\u003cbr\u003e①商品情報ブロックの作成\u003cbr\u003e・sections\/main-product.liquidにschemeを追加\u003cbr\u003e・ja.schema.jsonにラベルを追加\u003cbr\u003e②バロメーターブロックの実装\u003cbr\u003e・main-product.liquidを編集して商品情報セクションにブロックを定義\u003cbr\u003e③表示設定\u003cbr\u003e・商品メタフィールドでバロメーターを定義\u003cbr\u003e・テーマエディタでブロックを追加\u003cbr\u003e・各項目の表示設定をカスタマイズ\u003c\/p\u003e\n\u003cp\u003e◆実装のポイント\u003cbr\u003e・バロメーターの定義は商品ごとに必要\u003cbr\u003e・ブロックの並び順で表示順をコントロール可能\u003cbr\u003e・プレビューモードで表示確認しながら設定可能\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-14_1.png?v=1767409476\" 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の場合）設定方法①：商品情報ブロックの新規作成】「sections\/main-product.liquid」にschemaを、「ja.schema.json」にラベルを追加\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-14_2.png?v=1767409476\" 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の場合）設定方法②】「sections\/main-product.liquid」に商品情報セクションに「バロメーターブロック」用のコードを追加\u003c\/h3\u003e\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2024-11-14_3.png?v=1767409476\" 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-14_4.png?v=1767409476\" 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":47815190577403,"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-14.png?v=1767409477","url":"https:\/\/store-dojo.com\/products\/2024-11-14","provider":"STORE DOJO","version":"1.0","type":"link"}