# イメージのレイアウトを変更したい

**URL:** <https://community.shopify.com/t/topic/181961>\
**Category:** Shopify アプリ\
**Created:** [January 9, 2023, 5:44am UTC](https://community.shopify.com/t/topic/181961 "2023-01-09T05:44:13Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

商品ページの画像レイアウトに関する質問です。

**質問内容:**
- 商品ページの画像左側に小さなサムネイル画像を縦に配置したい
- アプリ使用の有無を問わず、実現方法を知りたい

**回答内容:**
- テーマによってはカスタマイズ画面から設定可能
- 例: Prestigeテーマの場合
  - カスタマイズ画面 → Product Page → Media → "Stack images on desktop"にチェック
- 上記設定がないテーマでも、商品画像下にサムネイルを表示する機能があればCSSで調整可能
- スクリーンショット画像が添付されている

**結果:**
質問者は丁寧な説明に感謝し、解決した様子。

<div class="post-metadata">

**Author:** ![haku150](https://avatars.discourse-cdn.com/v4/letter/h/e9c0ed/32.png) [@haku150](https://community.shopify.com/u/haku150)\
**Post date:** [January 9, 2023, 5:44am UTC](https://community.shopify.com/t/topic/181961/1 "2023-01-09T05:44:13Z")

</div>

お世話になっております。

商品ページの画像左側に、

小さなサムネイル画像を縦に配置したいです。

アプリ使用、またはアプリを使わずに、こういったレイアウトが

可能かももしお知りの方がいらっしゃいましたら、

教えて頂きたいです。

どうぞよろしくお願い致します。

---

<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:** [January 10, 2023, 9:13am UTC](https://community.shopify.com/t/topic/181961/2 "2023-01-10T09:13:22Z")

</div>

Haku150さま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

複数画像が並べられると商品イメージが伝わりやすくなりますよね。

テーマによってはカスタマイズ画面からいただいた参考画像のようなレイアウト設定ができるものがあります。

例えばPrestigeというテーマでしたら以下手順で設定が可能です：

カスタマイズ画面で商品ページまで遷移 → Product Page → Media → Stack images on desktopにチェック

 ![スクリーンショット 2023-01-10 18.08.08.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/d/5/d51b238ba9ccacd71c492629856a233e8f7d08ed.png)

上記設定がないテーマでも、商品のメイン画像下にサムネイルを表示する機能があれば、CSSの調整でレイアウト変更できるかと思います。

少しでもご参考になりましたら幸いです。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

---

<div class="post-metadata">

**Author:** ![haku150](https://avatars.discourse-cdn.com/v4/letter/h/e9c0ed/32.png) [@haku150](https://community.shopify.com/u/haku150)\
**Post date:** [January 31, 2023, 12:41am UTC](https://community.shopify.com/t/topic/181961/3 "2023-01-31T00:41:39Z")

</div>

ご返信ありがとうございました。

丁寧なご説明でとても助かりました。
