FROM CACHE - jp_header

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

解決済

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

ダダ
観光客
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

実装できました!

ありがとうございます。