商品メタフィールドの定義にて内容量・複数行のテキストタイプを選択しメタフィールドを作成しました。
商品ページにもメタフィールドのブロックが出てきているので内容量を直接記載しているのですが、
プレビューでこの内容が表示されません。
表示方法を教えてください。宜しくお願いいたします。
Topic summary
商品ページにメタフィールド（内容量・複数行テキスト）を表示させる方法についての質問と回答。
問題点：
- メタフィールドの定義は作成済み
- 商品ページにメタフィールドブロックは表示されている
- プレビューで内容が表示されない
解決方法：
メタフィールドはそのままでは商品ページに表示されないため、コード追加が必要。回答者は「カスタムLiquid」を使用する比較的簡単な方法を提案。
具体的な手順：
- 管理画面 > オンラインストア > カスタマイズ
- デフォルトの商品を選択
- ブロック追加から「カスタムLiquid」を追加し、任意の位置に移動
- Liquidコードを記述（
product.metafields.custom.XXXXXX形式） - XXXXXXの部分にメタフィールド作成時に登録したネームスペースとキーを設定
画像付きで詳細な設定手順が提供されている。
@Anonymous_428cd81536cb634043c7a86de3fc9f27 様
ご質問いただいているメタフィールドを商品ページに表示する件ですが、メタフィールドはそのままでは商品ページには表示されませんので、『テンプレートファイルを編集』『カスタムLiquidを追加』のどちらかの方法で商品詳細ページへ表示するためのコードを追加する必要があります。
今回は比較的簡単に追加が可能な『カスタムLiquidを追加』する方法でご説明させて頂きます。
メタフィールドの追加方法
-
管理画面 > オンラインストア > カスタマイズボタンをクリック
-
デフォルトの商品を選択
-
テンプレート欄のブロック追加から『カスタムLiquid』を追加し、表示したい任意の箇所へ移動
-
『カスタムLiquid』をクリック
-
『カスタムLiquid』欄に下記コードを追加し保存
{% if product.metafields.custom.XXXXXX.value != blank %}
内容量
{{ product.metafields.custom.XXXXXX.value | newline_to_br}}
{% endif %}
上記コードのcustom.XXXXXX部分は、メタフィールドを作成した際に登録したネームスペースとキーを設定してください。
ご参考まで
(キュー小坂)
1 Like