The images on my collection pages (using product grid) appear fuzzy as compared to much clearer on the single product page. I am using a theme called HONGO. In edit code, I have a file called main-collection-product-grid.liquid, I also have featured-collection.liquid, collection-list.liquid, and main-list-collections.liquid. Any tips would be greatly appreciated.
Thank you
Try finding a file called ‘card-product.liquid’ in the snippet, it should have the code for image.
Hello 
Check the “image_url” or “img_url” tags used on your collection pages and check in which resolution the images are being rendered. It’s usually a good idea to set the dimensions to twice the rendered size so they look good on retina displays.
Those tags have this syntax:
{{ image | image_url: width: 300 }}
{{ image | img_url: 'small' }}
Just check what dimensions are used there and increase them. You could also check HONGO theme’s docs or contact their support team. They might have a setting where you could change that without touching the code.
I cannot located that in the snippets. I do see product-card.liquid which has this inside. {%- layout none -%}