我的magento主题主页中的图像模糊了

Question

I am new to magento. I am using a theme 'rwd'. The product images get blurred when its listed on home page.

With Inspect element, I found that its natural image size is 85x85. But re-sized to 140x140. How do i set the image to 140x140 or any other procedure to be taken care for image resolutions?

Answer 1

Try this one :

Go to the file view.xml which you can find in code/Magento/Catalog/etc/ .

Open the file and edit line 31 from :

<var name="product_small_image_sidebar_size">85</var>

to :

<var name="product_small_image_sidebar_size">140</var>

Answer 2

If you look inside the template file:

app\\design\\frontend\\rwd\\default\\template\\catalog\\product\\list.phtml

you will find around line 128 (Magento 1.9.1.x) the image size setting for the Grid View:

<?php $_imgSize = 85; ?>

just change the value to the one you need. After clearing Magento image cache you will find that the small images will be created at the resolution you set, thus not involving the poor browser resize.

In .phtml files there are many of these $_imgSize settings related to the different views, just do a text search for the string.

Answer 3

I think in your case is the uploaded image size is smaller and in default magento resizes product image to 140x140.So in this case the image tends to expand and hence it looks blurr.

One solution would be to upload an image with large size.

Answer 4

I think you should open the magento project with a good text editing software such as sublime text 2 , and then do a research in the whole project (ctrl + alt + F) , and look for the string '140' .

That way you may find the place where magendo defines the size to which magendo resizes your image.