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

解決済
ダダ
観光客
5 0 1

ダウンロード.jpeg

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

 

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

 

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

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

 

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

 

 

1 件の受理された解決策

ベストソリューション
mattrose
Shopify Staff
12 4 5

成功

:手を振る: 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!

元の投稿で解決策を見る

2件の返信2
mattrose
Shopify Staff
12 4 5

成功

:手を振る: 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!

元の投稿で解決策を見る

ダダ
観光客
5 0 1