特定コレクション内の商品画像の二枚目を表示したい。

[tyamaguchi]

ご意見お聞かせください。

特定のコレクションページのCSSを弄って、このコレクション内にある場合だけ商品画像の二枚目が表示されるようにすることは可能でしょうか？

アドバイスいただけますと幸いです。

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

[株式会社フルバランス · Accepted solution]

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ボタンを押して頂ければ嬉しいです。