Why are images on my collection page blurry when selecting larger layout options?

Store Design
,

Topic summary

A user reports blurry images on their collection page when switching to a larger layout (2 images per row instead of 4) using the Pipeline theme v7.1.2. The issue occurs specifically on the collection page, while product page images remain sharp at similar sizes.

Key Details:

  • Layout toggle buttons in the upper right allow users to change grid density
  • Images appear crisp in the 4-column view but become blurry when expanded to 2 columns
  • Product pages display larger images without quality loss

Current Status:

  • A support representative has requested a preview link (with password if applicable) to investigate
  • No solution has been provided yet
  • The discussion remains open pending further diagnostic information
Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hi!

I was wondering if anyone has a fix for this? We are using the Pipeline theme v 7.1.2

On our collection page, when we select the larger option (2 images per row instead of 4) from the product layout buttons (on the upper right), the images become blurry.

On the actual product page, images are not blurry even though the size is larger than the collection page image.

Preview link: https://a2h5pqqi4rqtnic2-7752355.shopifypreview.com

Screen Shot 2023-10-23 at 7.58.32 AM.png
Screen Shot 2023-10-23 at 7.58.32 AM.png1609×791 125 KB

Screen Shot 2023-10-23 at 8.14.58 AM.png
Screen Shot 2023-10-23 at 8.14.58 AM.png1573×808 210 KB

2

Hi @adr5 ,
Can you kindly share your preview link (with the password, if any) with us? The link you provided is incorrect. We will check it and suggest you a solution if possible.