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

Topic summary

特定のコレクションページで商品画像の2枚目を表示する方法についての質問です。

質問内容:

  • 特定のコレクション内の商品に対してのみ、2枚目の商品画像を表示したい
  • CSSでの実装可能性について確認

回答内容:

  • CSSでの実装可能性は不明だが、Liquidでの実装が可能
  • collection オブジェクト内の products 配列から product.images を利用
  • 2番目のオブジェクトを取り出すことで2枚目の画像を表示できる
  • Shopify開発ドキュメント(collection、product)へのリファレンスリンクが提供されている

ステータス: 技術的な解決方法が提示され、具体的な実装方法(Liquid使用)が示されている段階

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.

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

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

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

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

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