# バリエーション画像と商品選択の連動

**URL:** <https://community.shopify.com/t/topic/55240>\
**Category:** 技術的なQ＆A\
**Created:** [July 26, 2021, 5:16am UTC](https://community.shopify.com/t/topic/55240 "2021-07-26T05:16:51Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Debutテーマの商品ページで、画像クリック時にバリエーション選択ボックスが連動せず、初期表示のままになる問題が相談された。逆に、選択ボックスからバリエーションを選ぶと画像は切り替わる状態。 

回答では、これはテーマ編集画面の設定では対応できず、実現するにはコード編集が必要との見解が示された。具体的な実装方法までは提示されておらず、相談者は回答に対して謝意を示して終了している。 

結論として、管理画面の設定だけでの解決は難しく、カスタマイズ対応が必要という整理で、詳細な手順は未解決のまま。

<div class="post-metadata">

**Author:** ![taeko](https://avatars.discourse-cdn.com/v4/letter/t/eb8c5e/32.png) [@taeko](https://community.shopify.com/u/taeko)\
**Post date:** [July 26, 2021, 5:16am UTC](https://community.shopify.com/t/topic/55240/1 "2021-07-26T05:16:51Z")

</div>

テーマはdebutを使用しています。1商品あたり複数のカラーや素材がある場合など、バリエーション登録しており、画像についても、1商品ページあたりにバリエーション分の複数の画像を登録しています。

Webサイト上の商品ページで画像を選択した際に、その下のプルダウン表示される選択ボックス内のバリエーションが連動されません。（最初に表示された商品のまま、バリエーション商品が連動されない）連動させる方法はありますか？

反対に、選択ボックス内のバリエーションを選択した場合は、画像の方は連動して表示されます。

テーマ編集で行えるものなのか教えていただけると助かります。

---

<div class="post-metadata">

**Author:** ![ooka](https://avatars.discourse-cdn.com/v4/letter/o/838e76/32.png) [@ooka](https://community.shopify.com/u/ooka)\
**Post date:** [July 26, 2021, 8:07am UTC](https://community.shopify.com/t/topic/55240/2 "2021-07-26T08:07:01Z")

</div>

こんにちは。

こちらはテーマ編集では設定ができません。

変更したい場合はコードを編集するしかないと思います。

宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![taeko](https://avatars.discourse-cdn.com/v4/letter/t/eb8c5e/32.png) [@taeko](https://community.shopify.com/u/taeko)\
**Post date:** [July 29, 2021, 1:57am UTC](https://community.shopify.com/t/topic/55240/3 "2021-07-29T01:57:51Z")

</div>

ありがとうございました！
