メタフィールドのファイル（画像）の「代替テキスト」で設定したテキストを表示させたいです。[リスト時]

[構築担当A]

こちら の質問に近いのですが、メタフィールドをファイル(リスト)にした時の代替テキストの抽出方法をご存知の方がいらっしゃれば、ご教授いただきたいです。

以下のコードで画像自体は抽出できるのですが、画像に対しての代替テキストをaタグ内に抽出したく思っております。

{% for file in product.metafields.custom.product_image.value %}
    {% assign file_name = file | split: '/' | last %}
    <div class="tab_imagephoto_imgbox">
      <a href="{{ file_name | file_url }}">
        <img src="{{ file_name | file_url }}">
      </a>
    </div>
  {% endfor %}

[Qcoltd · Accepted solution]

@構築担当A 様

下記ではいかがでしょうか？

{% for file in product.metafields.custom.product_image.value %}
    {% assign file_name = file | split: '/' | last %}
    <div class="tab_imagephoto_imgbox">
      <a href="{{ file_name | file_url }}">
        <img src="{{ file_name | file_url }}" alt="{{ file.alt }}">
      </a>
    </div>
  {% endfor %}

for文の中で、

{{ file.alt }}

でメタフィールドに設定した代替テキストが主力されるはずです。

ご参考まで。

(キュー田辺)

[構築担当A]

返事が遅くなってしまい、申し訳ありません。

いただいたコードで試してみたところ、無事に代替テキストが表示されました！

ご教授いただき誠にありがとうございました。