[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="">