ご意見お聞かせください。
特定のコレクションページのCSSを弄って、このコレクション内にある場合だけ商品画像の二枚目が表示されるようにすることは可能でしょうか？
アドバイスいただけますと幸いです。
よろしくお願いいたします。
Topic summary
特定のコレクションページで商品画像の2枚目を表示する方法についての質問です。
質問内容:
- 特定のコレクション内の商品に対してのみ、2枚目の商品画像を表示したい
- CSSでの実装可能性について確認
回答内容:
- CSSでの実装可能性は不明だが、Liquidでの実装が可能
collectionオブジェクト内のproducts配列からproduct.imagesを利用- 2番目のオブジェクトを取り出すことで2枚目の画像を表示できる
- Shopify開発ドキュメント（collection、product）へのリファレンスリンクが提供されている
ステータス: 技術的な解決方法が提示され、具体的な実装方法（Liquid使用）が示されている段階
Tyamaguchi 様
お世話になっております。
ご質問確認いたしました。
CSSでできるかという点は不明ですが、liquidでできるかと思います。
liquid objectのcollection内にproducts（productの配列）があり、その中にあるproduct.imagesから2番目のオブジェクトを取り出せば、2枚目の画像を表示できるかと思います。
（参考）
collection：https://shopify.dev/docs/api/liquid/objects/collection
product：https://shopify.dev/docs/api/liquid/objects/product
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。