# 商品のバリエーションごとにメタフィールドor商品説明を変えたい

**URL:** <https://community.shopify.com/t/or/381677>\
**Category:** 技術的なQ＆A\
**Tags:** javascript, css, html\
**Created:** [December 18, 2024, 9:46am UTC](https://community.shopify.com/t/or/381677 "2024-12-18T09:46:00Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

商品ページのバリエーション（S/M/L）ごとに、画像だけでなく説明文やメタフィールドも切り替えたいという相談。

既存仕様は「商品に追加した全画像を表示」だが、参考記事をもとに「バリエーション選択で画像を切替」に対応済み。さらに説明/メタフィールドもバリエーション単位で表示する方法や、より良い画像切替の実装を模索。

その後、投稿者がShopifyコミュニティ内の別スレッドを参照して自己解決と報告。具体的な実装手順やコードは本スレには記載なし。

重要情報は外部リンク（Techlab記事とコミュニティ投稿）に依存。画像切替や説明切替の詳細はリンク先が中心。

結論：解決済み。追加の課題や未解決点、対立意見は提示されていない。

<div class="post-metadata">

**Author:** ![FLQ](https://avatars.discourse-cdn.com/v4/letter/f/b77776/32.png) [@FLQ](https://community.shopify.com/u/FLQ)\
**Post date:** [December 18, 2024, 9:46am UTC](https://community.shopify.com/t/or/381677/1 "2024-12-18T09:46:00Z")

</div>

商品ページのバリエーション切り替えについて困っています。

一つの商品に対してサイズS、M、Lとバリエーションを設定しましたが、バリエーションごとに画像を切り替える方式ではなく商品に追加された画像をまとめて表示する方式だと知り、以下リンクを見てバリエーションごとに画像を切り替えるよう対応しました。

[https://techlab.q-co.jp/articles/118/](https://techlab.q-co.jp/articles/118/)

上記と同様それぞれのサイズに個別の商品説明orメタフィールドを入れたいです。

良い方法はありますか？

また、画像の切り替えに関してももっと良い方法があればご教授いただきたいです。

---

<div class="post-metadata">

**Author:** ![FLQ](https://avatars.discourse-cdn.com/v4/letter/f/b77776/32.png) [@FLQ](https://community.shopify.com/u/FLQ)\
**Post date:** [December 18, 2024, 1:41pm UTC](https://community.shopify.com/t/or/381677/2 "2024-12-18T13:41:01Z")

</div>

こちらの投稿で自己解決しました。

[https://community.shopify.com/post/1996022](https://community.shopify.com/post/1996022)