FROM CACHE - jp_header

メタフィールドを商品ページに表示させたい

メタフィールドを商品ページに表示させたい

たけい
訪問者
2 0 0

商品メタフィールドの定義にて内容量・複数行のテキストタイプを選択しメタフィールドを作成しました。

商品ページにもメタフィールドのブロックが出てきているので内容量を直接記載しているのですが、

プレビューでこの内容が表示されません。

表示方法を教えてください。宜しくお願いいたします。

_0-1693187021131.png

 

1件の返信1

Qcoltd
Shopify Partner
1080 442 436

@たけい

ご質問いただいているメタフィールドを商品ページに表示する件ですが、メタフィールドはそのままでは商品ページには表示されませんので、『テンプレートファイルを編集』『カスタムLiquidを追加』のどちらかの方法で商品詳細ページへ表示するためのコードを追加する必要があります。

 

今回は比較的簡単に追加が可能な『カスタムLiquidを追加』する方法でご説明させて頂きます。

 

メタフィールドの追加方法

  1. 管理画面 > オンラインストア > カスタマイズボタンをクリック
  2. デフォルトの商品を選択
  3. テンプレート欄のブロック追加から『カスタムLiquid』を追加し、表示したい任意の箇所へ移動
    Qcoltd_0-1693306220768.png
  4. 『カスタムLiquid』をクリック
    Qcoltd_1-1693306221293.png
  5. 『カスタムLiquid』欄に下記コードを追加し保存
    Qcoltd_2-1693306221290.png

 

 

{% if product.metafields.custom.XXXXXX.value != blank %}
<div>
  内容量<br>
  {{ product.metafields.custom.XXXXXX.value | newline_to_br}}
</div>
{% endif %}

 


上記コードのcustom.XXXXXX部分は、メタフィールドを作成した際に登録したネームスペースとキーを設定してください。
image06.png

 


ご参考まで
(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/