FROM CACHE - jp_header

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

構築担当A
Shopify Partner
14 0 0

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

以下のコードで画像自体は抽出できるのですが、画像に対しての代替テキストを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 %}
1件の返信1

Qcoltd
Shopify Partner
1051 429 417

@構築担当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 }}

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

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/