商品一覧で表示される商品画像は1番目に設定した画像に自動でなりますが、
2番目に設定した画像にすることは可能でしょうか?
2番目の画像を取得するタグがあればと探しましたが、見つからず…。
テンプレートはDebutとなります。
どなたかご存知の方がいらっしゃいましたら、お知恵を拝借下さいますと幸いです。
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番目に指定した画像にしたかったのですが、
いただいた内容で解決しました…!すごいです、ありがとうございます。
本当に感謝いたします!