# 商品ページで最初に表示される画像について

**URL:** <https://community.shopify.com/t/topic/292747>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [February 5, 2024, 9:26am UTC](https://community.shopify.com/t/topic/292747 "2024-02-05T09:26:50Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

主題: 商品詳細ページで最初に表示される画像の制御（テーマ「Reformation」）。

現状/仕様: ページ読み込み時は在庫のある先頭バリエーション（商品オプションの組み合わせ）が自動選択され、そのバリエーションに紐づく画像が最初に表示される。

推奨対応: 最初に見せたい画像に対応するバリエーションを「先頭」に並べ替える（商品登録時に順序を調整）。これが最も安全で一般的な方法。

代替案と注意: Liquidで初期表示画像を強制的に変更することも可能だが、全商品に一律適用され副作用が出やすいため非推奨。

進行状況: 回答が提示され、解決策（バリエーション順の見直し）が示された。最終的な解決報告はなく、クローズかは不明。

<div class="post-metadata">

**Author:** ![yeps](https://avatars.discourse-cdn.com/v4/letter/y/e480ec/32.png) [@yeps](https://community.shopify.com/u/yeps)\
**Post date:** [February 5, 2024, 9:26am UTC](https://community.shopify.com/t/topic/292747/1 "2024-02-05T09:26:50Z")

</div>

商品の説明ページにアクセスしますと、自動的に一番上にあるバリエーションの画像が出てしまい、最初に見せたいと思っている画像を表示できないのですが、これは設定を修正して解決できるものでしょうか？

もしくは、liquidの編集が必要なものでしょうか？

何卒よろしくお願いいたします。

テーマは、「Reformation」を使ってます。

---

<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:** [February 6, 2024, 9:46am UTC](https://community.shopify.com/t/topic/292747/2 "2024-02-06T09:46:02Z")

</div>

Yeps様

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

通常は在庫のある先頭バリエーションが選択された状態になりますので、

その画像が表示された状態になります。

こちら設定する方法としては、最初に見せたい画像のバリエーションが先頭のバリエーションになるように、商品を登録をする必要がございます。

liquidのコードで無理やり調整することも可能ですが、

基本的にはすべての商品に同様のコードが適用されてしまうため、非推奨となります。

ご参考までに。

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

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

フルバランス 園畑
