# 「dawn」商品ページの商品画像のレイアウト変更に関して **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [August 24, 2022, 2:05am UTC](https://community.shopify.com/t/dawn/145744 "2022-08-24T02:05:50Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary - 目的: テーマ「DAWN」の商品ページ画像レイアウトを、メイン画像を大きく、残りを小さなサムネイルで横一列に配置し、サムネイルクリックでメイン画像が切り替わる形に変更したい。希望イメージの添付画像あり。 - 提案/情報源: 海外コミュニティでの同様事例が紹介され、実装手順を解説したYouTubeチュートリアルのリンクが共有された。コード編集により実現可能との助言。 - 最新の進展: 質問者は提示された動画を参考にコード編集を試す意向を表明。 - 状況: 具体的な実装手順やコードはスレッド内に未掲載で、解決可否は未確認。現時点では継続中。
**Author:** ![akiiiii3](https://avatars.discourse-cdn.com/v4/letter/a/b3f665/32.png) [@akiiiii3](https://community.shopify.com/u/akiiiii3)\ **Post date:** [August 24, 2022, 2:05am UTC](https://community.shopify.com/t/dawn/145744/1 "2022-08-24T02:05:50Z")
「DAWN」商品ページの商品画像のレイアウトを添付のように見やすく変更したいです。 （メイン画像のみ大きく表示され、残りの画像は小さく横並びになっている状態。下の画像をクリックすると、メイン画像が変更される） ご存知の方いらっしゃいましたら、お教え頂けますと幸いです。 よろしくお願いいたします。 ![例.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/4/f4d3d2ecee55959d3ce9754778b3685fb1cadfd9.jpeg) ---
**Author:** ![Anonymous\_3669bb4b7b6a3471042090ac49b19f2c](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_3669bb4b7b6a3471042090ac49b19f2c/32/2990_2.png) [@Anonymous\_3669bb4b7b6a3471042090ac49b19f2c](https://community.shopify.com/u/Anonymous_3669bb4b7b6a3471042090ac49b19f2c)\ **Post date:** [August 24, 2022, 2:35am UTC](https://community.shopify.com/t/dawn/145744/2 "2022-08-24T02:35:25Z")
@akiiiii3 こんにちは！ 海外のコミュニティで同様の質問がされており、作成のチュートリアルをYoutubeにて公開されているようです。 [https://www.youtube.com/watch?v=S3lkk7w9W6Q](https://www.youtube.com/watch?v=S3lkk7w9W6Q) 上記を参考にコード編集をおこなって頂くことで実現できないでしょうか。 参考になりましたら幸いです。よろしくお願いします！ ---
**Author:** ![akiiiii3](https://avatars.discourse-cdn.com/v4/letter/a/b3f665/32.png) [@akiiiii3](https://community.shopify.com/u/akiiiii3)\ **Post date:** [August 24, 2022, 12:21pm UTC](https://community.shopify.com/t/dawn/145744/3 "2022-08-24T12:21:15Z")
ご回答いただきありがとうございます。 こちらを見てコード編集してみようと思います。