Shopify themes, liquid, logos, and UX
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
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?
Did you ever find a solution for this? I'm having the same problem
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024