[Shopify] メタフィールドの出力方法まとめ

Shopify管理画面「設定>カスタムデータ」でメタフィールドを定義することで、デフォルトにはない項目を入力・表示させることができます。

基本の出力方法

メタフィールドの定義時に設定する「ネームスペースとキー」を使って、値を呼び出します。
ネームスペースとキーの間はドット(.)で区切ります。例えば「custom.text」とした場合、customがネームスペースでtextがキーです。

{{ 種類.metafields.ネームスペース.キー }}
  • 種類:商品なら「product」、ページなら「page」などの名称
  • ネームスペース:デフォルトは「custom」
  • キー:任意のフィールド名

商品ページでメタフィールドを出力するサンプル

以下、ネームスペースとキーを「●●」とします。

基本の出力:

{{ product.metafields.●● }}

改行を反映する場合(type=複数行のテキスト):

{{ product.metafields.●● | newline_to_br }}

リスト形式の場合:

{% for text in product.metafields.●●.value %}
  {{ text }}<br>
{% endfor %}

商品

単体の場合:

{% assign item = product.metafields.●●.value %}
商品名 {{ item.title }}

リスト形式の場合:

{% for item in product.metafields.●●.value %}
  商品名:{{ item.title }}<br>
{% endfor %}

画像(ファイル)

<img src="{{ product.metafields.●●.value | img_url }}" alt="">