Re: Dawn theme front page product images blurry

Dawn theme front page product images blurry

LisaDeans
New Member
5 0 0

I have tried to resize my images to 2048 x 2048px at 72dpi. They are a little better but still blurry. It isn't every image so I've tried to imitate the ones that are clear and this doesn't work. I have also tried to change the code as suggested in other posts along with clicking on it displaying to actual image size. No luck.

Replies 11 (11)

roseymary
Visitor
1 0 0

I can help for that send me your store link

Mary@
LisaDeans
New Member
5 0 0
anupam1607
Shopify Partner
44 7 8

Screenshot_11.png

 

Buy me a coffee.
- Was your question answered? Mark it as an Accepted Solution. ❤️
- Don't forget to give me Thumbs Up.
- Store, Product and Collection Modifications | Apps and Sales Channel | Animation
- Lets connect anupammistry1607@gmail.com 

namphan
Shopify Partner
1349 165 200

Hi @LisaDeans,

Are you referring to the product card? Please send me the code of the file, and I will check it for you

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
LisaDeans
New Member
5 0 0

It is some of my images on the main page. If you hover over the kids blue hoodie towel you'll see what I mean.

carterandmae.com.au

 

namphan
Shopify Partner
1349 165 200

Hi @LisaDeans,

Please send me the code of card-product.liquid file, I will check and guide it

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
namphan
Shopify Partner
1349 165 200

Hi @LisaDeans,

Please go to card-product.liquid file and change code here:

Screenshot.png

change

Screenshot.png

Code:

card_product.featured_media.width
card_product.media[1].width

 

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com

anupam1607
Shopify Partner
44 7 8

Hey @LisaDeans 
You mentioned this image size for the home page banner, right?
If so, I think your image size is still too big. You should try 1920x750 ratio. Regarding the clarity, the image does not look that blurry from my point of view. I noticed that you added black overflow on it, maybe that's why it seems you are not that clear.

Buy me a coffee.
- Was your question answered? Mark it as an Accepted Solution. ❤️
- Don't forget to give me Thumbs Up.
- Store, Product and Collection Modifications | Apps and Sales Channel | Animation
- Lets connect anupammistry1607@gmail.com 
LisaDeans
New Member
5 0 0

What is black overflow?

LisaDeans
New Member
5 0 0

I think I see the problem. When I add a landscape image it is blurry but when I crop to portrait it is okay, weird?

anupam1607
Shopify Partner
44 7 8

I made some CSS correction. And I thing you have to change some img  liquid related code. Screenshot_12.png

 I found this article, might be helpful for you.

Buy me a coffee.
- Was your question answered? Mark it as an Accepted Solution. ❤️
- Don't forget to give me Thumbs Up.
- Store, Product and Collection Modifications | Apps and Sales Channel | Animation
- Lets connect anupammistry1607@gmail.com 