{"product_id":"2026-04-23","title":"【Horizon】商品タグ表示ブロックを商品詳細ページにも差し込めるようにする設定例","description":"\u003cp\u003e2026-04-22 で追加した \u003ca href=\"\/products\/2026-04-22\"\u003e商品タグ表示ブロック\u003c\/a\u003e を、商品詳細ページ(PDP)にも差し込めるようにする追加設定です。\u003ccode\u003eblocks\/_product-details.liquid\u003c\/code\u003e の schema に1行追加するだけで、商品詳細ブロック内のブロック選択メニューに「商品タグ」が現れるようになります。\u003c\/p\u003e\n\n\u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003ch3\u003e完成イメージ\u003c\/h3\u003e\n\u003cp\u003e商品詳細ページで、商品情報ブロック内の任意の位置（例: タイトルと価格の間）に商品タグを差し込めます。除外タグの指定などの設定はコレクションカード版と共通で、設定パネルからそのまま利用できます。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"商品詳細ページで商品タグが表示されている様子（表示除外タグ指定付き）\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-23_1.png?v=1776936472\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\n\u003ch3\u003e使用方法\u003c\/h3\u003e\n\u003cp\u003e商品ごとのタグ設定はそのままに、テーマエディタで商品詳細ページを開き、「商品の詳細」ブロック内に「商品タグ」を追加します。除外したいタグは設定パネルのフィルタ欄にカンマ区切りで入れておけばOK。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"商品管理画面のタグ設定とテーマエディタでの除外タグ設定\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-23_2.png?v=1776936472\" class=\"zoomable-image\" width=\"800\" height=\"640\" style=\"aspect-ratio: 1.25;\"\u003e\u003c\/p\u003e\n\n\u003ch3\u003eブロック本体（blocks\/_product-tags.liquid）\u003c\/h3\u003e\n\u003cp\u003eこのTIPSで使う \u003ccode\u003e_product-tags.liquid\u003c\/code\u003e は \u003ca href=\"\/products\/2026-04-22\"\u003e2026-04-22 のTIPS\u003c\/a\u003e と同じものです。既に導入済みであればそのまま使えます（コード全文はそちらのサンプルコード／下図を参照）。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"_product-tags.liquid — 2026-04-22 と同じ内容\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-22_3.png?v=1776854665\" class=\"zoomable-image\" width=\"800\" height=\"900\" style=\"aspect-ratio: 0.89;\"\u003e\u003c\/p\u003e\n\n\u003ch3\u003eコード追加：blocks\/_product-details.liquid の allow-list を拡張\u003c\/h3\u003e\n\u003cp\u003e商品詳細ブロック（\u003ccode\u003e_product-details.liquid\u003c\/code\u003e）は、差し込める子ブロックを schema の \u003ccode\u003eblocks\u003c\/code\u003e 配列で明示的に列挙する方式です。\u003ccode\u003e@theme\u003c\/code\u003e（publicブロック全許可）＋個別タイプ（\u003ccode\u003eprice\u003c\/code\u003e、\u003ccode\u003evariant-picker\u003c\/code\u003e、\u003ccode\u003ebuy-buttons\u003c\/code\u003e 等）を併用しており、ここに \u003ccode\u003e_product-tags\u003c\/code\u003e を追加しない限り、private ブロックである本TIPSは差し込み候補に表示されません。\u003c\/p\u003e\n\u003cp\u003e既存の末尾エントリ（\u003ccode\u003eproduct-custom-property\u003c\/code\u003e）の後ろに、以下の1要素を追加します。\u003c\/p\u003e\n\u003cp\u003e\u003cimg alt=\"_product-details.liquid — schema blocks に1行追加\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-23_3.png?v=1776936472\" class=\"zoomable-image\" width=\"800\" height=\"300\" style=\"aspect-ratio: 2.67;\"\u003e\u003c\/p\u003e\n\u003cp\u003e保存後、テーマエディタで「商品情報」セクションの「商品の詳細」ブロックを選択 → 「ブロックを追加」 → 「商品」カテゴリに「商品タグ」が現れます。\u003c\/p\u003e\n\n\u003cp\u003eなお、\u003ccode\u003eblocks\/_product-details.liquid\u003c\/code\u003e はテーマ本体のファイルのため、Horizonのテーマ更新時に変更が上書きされる場合があります。更新後は手動での再適用、またはGitHub連携によるマージ管理をおすすめします。\u003c\/p\u003e","brand":"STORE DOJO","offers":[{"title":"Default Title","offer_id":48775070875899,"sku":null,"price":0.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0733\/0381\/8491\/files\/2026-04-23.png?v=1776936476","url":"https:\/\/store-dojo.com\/products\/2026-04-23","provider":"STORE DOJO","version":"1.0","type":"link"}