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

AI-generated summary

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

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

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

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

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

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

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

{{ product.media[1] }}

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

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

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

本当に感謝いたします!