FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

解決済

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

ダダ
観光客
5 0 1

ダウンロード.jpeg

メタフィールドのファイル(画像)の「代替テキスト」で設定したテキストをimgのaltではなく別のところに出す方法を教えていただけますでしょうか?

 

例えばimageというメタフィールドを作って以下Pタグ内に「代替テキスト」を表示させたいです。

 

<img src="{{ product.metafields.my_fields.image | file_url}}">

<p>ここに「代替テキスト」のテキストデータを表示</p>

 

フィルターなどを探しましたがやり方がわからなかったのでご教授いただけると幸いです。

 

 

1 件の受理された解決策

mattrose
Shopify Staff (Retired)
12 4 6

成功

👋 Hey @ダダ ,

This is Matt from the Metafields team.

You can access the reference object of the metafield by appending .value to the metafield. Once you've done that, you can access the alt text directly via .alt.

In your case, it would look something like this.

<img src="{{product.metafields.my_fields.image | file_url}}">

<p>{{product.metafields.my_fields.image.value.alt}}</ p>

 
Hope that helps!

To learn more visit the Shopify Help Center or the Community Blog.

元の投稿で解決策を見る

2件の返信2

mattrose
Shopify Staff (Retired)
12 4 6

成功

👋 Hey @ダダ ,

This is Matt from the Metafields team.

You can access the reference object of the metafield by appending .value to the metafield. Once you've done that, you can access the alt text directly via .alt.

In your case, it would look something like this.

<img src="{{product.metafields.my_fields.image | file_url}}">

<p>{{product.metafields.my_fields.image.value.alt}}</ p>

 
Hope that helps!

To learn more visit the Shopify Help Center or the Community Blog.

ダダ
観光客
5 0 1

実装できました!

ありがとうございます。