# 1つのバリエーションに対して複数画像を設定したい

**URL:** <https://community.shopify.com/t/topic/62471>\
**Category:** Shopify アプリ\
**Created:** [August 30, 2021, 5:18am UTC](https://community.shopify.com/t/topic/62471 "2021-08-30T05:18:05Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

- 目的/要望: Shopifyの商品で、各バリエーション（例: 色）を選択した際に、そのバリエーションに対応する複数枚の画像（前・横・斜め・後ろ）のみを表示したい。参考例としてFlexfitの商品ページが提示された。

- 提案/方法: 実現方法は2通り。テーマのカスタマイズでコード実装するか、アプリを利用する方法。提案された「Variant Image Automator」では、選択中のバリエーション画像のみを表示し、他バリエーションの画像は選択されるまで非表示にできる。デモ確認と無料トライアルでの検証が推奨された。

- 現状/結論: 投稿者は提案に同意し、アプリを試す意向を表明。現時点ではアプリの試験導入段階で、最終的な解決は未確定。

<div class="post-metadata">

**Author:** ![claude9696](https://avatars.discourse-cdn.com/v4/letter/c/73ab20/32.png) [@claude9696](https://community.shopify.com/u/claude9696)\
**Post date:** [August 30, 2021, 5:18am UTC](https://community.shopify.com/t/topic/62471/1 "2021-08-30T05:18:05Z")

</div>

1つのバリエーションに対して複数画像を設定したいのですが  
なにか方法はありますか？

例えば

CAPの商品に対して  
レッド・ブラック・ホワイト・ブルー・グリーンのサムネ画像があり  
「レッド」を選択するとレッドカラーのみの 前・横・斜め・後ろ の写真を表示させたいです。

参考サイト  
[https://www.flexfit.com/hat/premium-classic-snapback/](https://www.flexfit.com/hat/premium-classic-snapback/)

よろしくおねがいします。

---

<div class="post-metadata">

**Author:** ![Tomoe\_GORIDE](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/tomoe_goride/32/65862_2.png) [@Tomoe\_GORIDE](https://community.shopify.com/u/Tomoe_GORIDE)\
**Post date:** [September 8, 2021, 12:24pm UTC](https://community.shopify.com/t/topic/62471/2 "2021-09-08T12:24:17Z")

</div>

テーマのカスタマイズでも可能ですが、  
以下のようなアプリを使用すると手軽に実現が可能です。

Variant Image Automator  
[https://apps.shopify.com/locksmith?locale=ja](https://apps.shopify.com/locksmith?locale=ja)

こちらのアプリですとRedを選択時はRedのディテール違いの写真のみを表示できます。  
他のバリエーション画像はカスタマーが選択しない限り表示されません。

デモサイトをご覧いただき、用途に合うようでしたら無料トライアルでテストいただければと思います。

---

<div class="post-metadata">

**Author:** ![claude9696](https://avatars.discourse-cdn.com/v4/letter/c/73ab20/32.png) [@claude9696](https://community.shopify.com/u/claude9696)\
**Post date:** [September 10, 2021, 9:02am UTC](https://community.shopify.com/t/topic/62471/3 "2021-09-10T09:02:58Z")

</div>

ありがとうございます!

試してみます。
