FROM CACHE - jp_header

Re: ファイル(リスト)メタフィールドの表示方法が知りたい

解決済

ファイル(リスト)メタフィールドの表示方法が知りたい

hvs_hosoya
訪問者
2 0 0

はじめての投稿になります。

Dawnをベースにサイトを構築中です。

 

商品詳細ページにおいて、デフォルトの商品画像とは別に複数画像を表示するエリアを設けたいと考えています。
メタフィールドを利用し商品管理画面にファイル(リスト)の入力欄を設けましたが、main-product.liquid内から画像を表示する方法が分かりません。

 

試しに商品管理画面にファイルの入力欄を設置し、下記記述で単一の画像を表示することはできました。
{{ product.metafields.custom.xxxxx | metafield_tag }}

 

ですがファイル(リスト)メタフィールドの表示方法はリファレンス等からも見つけることがでませんでした。
解決法をご存知の方がおりましたら、ご教授お願いいたします。

1 件の受理された解決策
Jizo_Inagaki
Shopify Partner
1060 399 707

成功

大変申し訳ありません、実際に管理画面にあるのですね。

見落としておりました。

 

他にも方法があるかもしれませんが、試したところ以下で出力できました。

 

  {% for file in product.metafields.custom.xxxxx.value %}
    {% assign file_name = file | split: '/' | last %}
    <img src="{{ file_name | file_img_url }}">
  {% endfor %}

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

3件の返信3

Jizo_Inagaki
Shopify Partner
1060 399 707

興味があるため質問させていただきたいのですが、記載されている「ファイル(リスト)」というタイプのメタフィールドはどういうものでしょうか?

ドキュメント内に「ファイル(リスト)」というもの自体が見つけられないものでして。

「ファイル(リスト)」に関するドキュメントやヘルプをお教えいただければと思います。

 

参考

https://help.shopify.com/ja/manual/metafields/metafield-definitions/metafield-types

https://shopify.dev/api/liquid/filters#metafield_tag

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
Jizo_Inagaki
Shopify Partner
1060 399 707

成功

大変申し訳ありません、実際に管理画面にあるのですね。

見落としておりました。

 

他にも方法があるかもしれませんが、試したところ以下で出力できました。

 

  {% for file in product.metafields.custom.xxxxx.value %}
    {% assign file_name = file | split: '/' | last %}
    <img src="{{ file_name | file_img_url }}">
  {% endfor %}

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
hvs_hosoya
訪問者
2 0 0
 Jizo_Inagaki様
解決方法のご提案ありがとうございます。
参考のURLも拝見させていただきました。
ファイル(リスト)というメタフィールド専用の処理があるだろうという先入観を持っていたため、
オブジェクトの基本的な処理に関して調べることを怠っていました。
valueに対して繰り返し処理をかける必要があったのですね。
重ねて感謝いたします。