Collection thumbnails blurry on Origin theme

Collection thumbnails blurry on Origin theme

golfguy
Visitor
2 0 0

I have obtained photos of our products that are high resolution, but they appear blurry as thumbnails under Collections. If you click on one of the products to go to the individual product listing, the image is crisp and clear. The image in its original form is 2048x1365 pixels. I have seen many others with this issue and people have suggested editing the size of the photo to be closer to Shopify's recommended 1024x1024 for Collection images, but changing the pixel size in Preview did not resolve the issue. I used TinyPNG to 'optimize' the photos and make them smaller, but this did not fix the issue. There were various solutions changing some of the code in the card-collection.liquid file for other themes, but this didn't work for the Origin theme. I am including photos of the specifications of the original photo, how it appears under Collections, and how the individual product image appears. Any help to fix the blurry Collection photos would be greatly appreciated.

 

Website: www.boogie-golf.com

 

Screen Shot 2024-03-29 at 2.34.32 PM.pngScreen Shot 2024-03-29 at 2.39.00 PM.pngScreen Shot 2024-03-29 at 2.39.21 PM.png

Replies 2 (2)
golfguy
Visitor
2 0 0

Hi @Saheedfly21,

 

Thanks for the response. Do you have any more details on steps 3) and 6) that you mentioned. Where would I look for image optimization settings in the Shopify Dashboard and what specific code should I be looking at/changing for the theme?

HOLYNEIGHBOR
Not applicable
1 0 0

Did you ever find a solution for this? I'm having the same problem