# カラー別スライド画像切り替え

**URL:** <https://community.shopify.com/t/topic/133229>\
**Category:** Shopify アプリ\
**Created:** [July 6, 2022, 11:36am UTC](https://community.shopify.com/t/topic/133229 "2022-07-06T11:36:35Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

カラー選択で商品スライド画像を切り替える実装について、参考サイトの挙動がテーマのデフォルト機能か、アプリかを確認する相談。

回答：テーマ（Shopifyのデザインテンプレート）でのデフォルト対応と、アプリ（拡張機能）による実装の二通りが一般的。テーマ例：Warehouse／Impulse／Symmetry。

アプリ例：Variant Image Grouper。バリエーション（色などの選択肢）ごとに画像をグループ化し、選択時に対応画像へスライドを切り替えることが可能。

最新の更新：投稿者が追加で、商品画像の画角・サイズについて質問。スクエア前提のテーマでも縦長画像に変更できるか、画像サイズはテーマで固定かアップロード画像に応じて可変かを確認中。

結論・進行状況：追加質問への回答は未掲載で、議論は継続。具体的な採用テーマ／アプリの決定は未定。

補足：参考製品ページおよびテーマ・アプリのリンクが提示され、機能理解に有用。

<div class="post-metadata">

**Author:** ![nelle1](https://avatars.discourse-cdn.com/v4/letter/n/85e7bf/32.png) [@nelle1](https://community.shopify.com/u/nelle1)\
**Post date:** [July 6, 2022, 11:36am UTC](https://community.shopify.com/t/topic/133229/1 "2022-07-06T11:36:35Z")

</div>

下記shopifyで制作されたサイトのように、カラー選択で商品スライドを切り替える仕様にしたいのですが、これはテンプレートのデフォルト機能でしょうか。またはどうのようなアプリを使用されているのでしょうか？どなたかわかる方、ご教授いただけると助かります。よろしくお願いします。

参考サイト

[https://www.ivoryanddeene.com.au/products/pierre-fur-bean-bag-emerald-green](https://www.ivoryanddeene.com.au/products/pierre-fur-bean-bag-emerald-green)

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [July 7, 2022, 12:51am UTC](https://community.shopify.com/t/topic/133229/2 "2022-07-07T00:51:12Z")

</div>

Nelle1さま

はじめまして。フルバランス株式会社の園畑です。

バリエーションごとに画像を分けられたらユーザーにとって嬉しいですよね。

こちらの機能ですが、デフォルトで入っているテーマとアプリによる2つの実装が一般的に考えられます。

一例ですが、デフォルトのテーマと実装可能なアプリは下記になります。

■テーマ

Warehouse ：[https://themes.shopify.com/themes/warehouse/styles/metal?locale=ja](https://themes.shopify.com/themes/warehouse/styles/metal?locale=ja)

Impulse：https://[themes.shopify.com/themes/impulse/styles/modern?surface\_inter\_position=2&surface\_intra\_position=14&surface\_type=all](http://themes.shopify.com/themes/impulse/styles/modern?surface_inter_position=2&surface_intra_position=14&surface_type=all)

Symmetry：https://[themes.shopify.com/themes/symmetry/styles/chantilly?surface\_detail=symmetry&surface\_inter\_position=1&surface\_intra\_position=1&surface\_type=search](http://themes.shopify.com/themes/symmetry/styles/chantilly?surface_detail=symmetry&surface_inter_position=1&surface_intra_position=1&surface_type=search)

■アプリ

[https://apps.shopify.com/variantimagegrouper?locale=ja](https://apps.shopify.com/variantimagegrouper?locale=ja)

ぜひ一度ご確認くださいませ。

また、お困りのことがあれば是非ご質問くださいね。

---

<div class="post-metadata">

**Author:** ![nelle1](https://avatars.discourse-cdn.com/v4/letter/n/85e7bf/32.png) [@nelle1](https://community.shopify.com/u/nelle1)\
**Post date:** [July 8, 2022, 4:06am UTC](https://community.shopify.com/t/topic/133229/3 "2022-07-08T04:06:39Z")

</div>

ご回答ありがとうございます。

デフォルトテーマとアプリそれぞれあるんですね。

大変参考になりました。

また何かありましたらご質もさせてください。よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![nelle1](https://avatars.discourse-cdn.com/v4/letter/n/85e7bf/32.png) [@nelle1](https://community.shopify.com/u/nelle1)\
**Post date:** [July 25, 2022, 6:40am UTC](https://community.shopify.com/t/topic/133229/4 "2022-07-25T06:40:38Z")

</div>

先日はご回答ありがとうございました。大変参考になりました。

初歩的なご質問で恐縮なのですが、商品画像のリスト画像やスライド画像の画角についてなのですが、テーマがスクエアの画像だった場合でも、例えばタテ位置画像等に変更は可能でしょうか。

また画像サイズは、テーマごとに指定サイズが決まっているのか、またはアップした画像ごとに表示が変わるものなんでしょうか。

初心者的なご質問で申し訳ありませんが、よろしくお願いします。
