Liquid、JavaScriptなどに関する質問
こちら の質問に近いのですが、メタフィールドをファイル(リスト)にした時の代替テキストの抽出方法をご存知の方がいらっしゃれば、ご教授いただきたいです。
以下のコードで画像自体は抽出できるのですが、画像に対しての代替テキストを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 %}
解決済! ベストソリューションを見る。
成功
@構築担当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 様
下記ではいかがでしょうか?
{% 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 }}
でメタフィールドに設定した代替テキストが主力されるはずです。
ご参考まで。
(キュー田辺)
返事が遅くなってしまい、申し訳ありません。
いただいたコードで試してみたところ、無事に代替テキストが表示されました!
ご教授いただき誠にありがとうございました。
Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 2024