Sense Theme : Blurr Product images on card on desktop

Shopify Discussion
1

Hey

I am using sense theme and product card image are blurr only on desktop. Tried many solution on shopify community such as removing size code though it did work for mobile but not for desktop. Help me out members!!!

1 Like
2

Hello @agarwalyashh

If the product card images in the Sense theme appear blurry only on desktop, there are a few potential causes and solutions to consider:

  1. Image resizing: Check if the theme is resizing the product card images for desktop display. Sometimes, the resizing algorithm used by the theme can cause images to appear blurry. In the Shopify admin, go to “Online Store” > “Themes” > “Customize” and look for any image resizing or optimization settings specific to the Sense theme. If available, try disabling or adjusting these settings to see if it improves the image quality.

  2. Retina display optimization: If your desktop has a high-resolution or Retina display, the image might appear blurry due to pixel density differences. In this case, you can try providing higher-resolution images for the product cards specifically for desktop displays. Use larger-sized images or images with higher pixel density (e.g., 2x or 3x images). Ensure that the images are appropriately optimized for web display to avoid performance issues.

  3. Image compression: If the images are highly compressed, it can result in loss of image quality and blurriness. Make sure your product card images are optimized and saved at an appropriate quality level. Consider compressing the images using tools like Shopify’s built-in image optimizer or third-party apps to balance image quality and file size.

  4. CSS adjustments: It’s possible that CSS styles applied to the product cards on desktop are affecting the image quality. Inspect the product card elements using your browser’s developer tools and check for any CSS properties that might be causing the blurriness. Look for properties like image-rendering, max-width, or object-fit, and experiment with adjusting or removing them to see if it improves the image clarity.

If you have tried these solutions and the issue persists, it may be necessary to consult with the theme developer or contact Shopify support for further assistance. They can provide more specific guidance and help troubleshoot the issue in the context of the Sense theme.

3

Thanks for your suggestion. But Its not working !

1 Like
4

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

5

check inbox

1 Like