# 商品画像の２番目を一覧で表示する方法

**URL:** <https://community.shopify.com/t/topic/21914>\
**Category:** 技術的なQ＆A\
**Created:** [September 30, 2020, 3:34am UTC](https://community.shopify.com/t/topic/21914 "2020-09-30T03:34:36Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

ShopifyのDebutテーマで、商品一覧やトップページの一覧表示に使われる商品画像を「1番目」ではなく「2番目」にしたいという質問。標準では先頭画像が自動表示されるため、2番目の画像を取得するLiquidの書き方が探されていた。\n\n回答では、商品のメイン画像表示箇所で `{{ product.media[1] }}` を使えば2番目の画像を扱えると案内された。`product.media` は商品に紐づくメディア配列を指す。\n\nその後、質問者がこの方法で解決したと報告しており、結論は出ている。未解決の論点や追加の対立意見は特にない。

<div class="post-metadata">

**Author:** ![to-nyu](https://avatars.discourse-cdn.com/v4/letter/t/13edae/32.png) [@to-nyu](https://community.shopify.com/u/to-nyu)\
**Post date:** [September 30, 2020, 3:34am UTC](https://community.shopify.com/t/topic/21914/1 "2020-09-30T03:34:36Z")

</div>

商品一覧で表示される商品画像は１番目に設定した画像に自動でなりますが、

２番目に設定した画像にすることは可能でしょうか？

２番目の画像を取得するタグがあればと探しましたが、見つからず…。

テンプレートはDebutとなります。

どなたかご存知の方がいらっしゃいましたら、お知恵を拝借下さいますと幸いです。

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [September 30, 2020, 4:41am UTC](https://community.shopify.com/t/topic/21914/2 "2020-09-30T04:41:57Z")

</div>

一覧がどの箇所なのかわかりませんが、メイン画像が表示されている場所なら以下で2番目の画像が扱えるかと思います。

```markup
{{ product.media[1] }}

```

参考:  
[https://shopify.dev/docs/themes/liquid/reference/objects/product#product-media](https://shopify.dev/docs/themes/liquid/reference/objects/product#product-media)

---

<div class="post-metadata">

**Author:** ![to-nyu](https://avatars.discourse-cdn.com/v4/letter/t/13edae/32.png) [@to-nyu](https://community.shopify.com/u/to-nyu)\
**Post date:** [September 30, 2020, 5:04am UTC](https://community.shopify.com/t/topic/21914/3 "2020-09-30T05:04:17Z")

</div>

トップページなど一覧で表示する箇所の画像を２番目に指定した画像にしたかったのですが、

いただいた内容で解決しました…！すごいです、ありがとうございます。

本当に感謝いたします！
