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