Magento 类别图像在 list.phtml 内更改大小后全部模糊
Magento Category Images are all blurry after changing size within list.phtml
http://www.rattanfurnitureuk.co.uk/sept2015/rattan-corner-sets.html
我已经删除了服务上的缓存,但图像仍然呈现模糊。
图片应清晰且尺寸为 276 x 276 像素
转到以下位置并打开 list.phtml 文件。
app\design\frontend\yourpackage\yourtheme\template\catalog\product\
并找到以下行
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
在此代码中检查
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135"
尝试在上述行中更改 resize(135) 以及高度和宽度。
更新:
您的站点中有以下 html。
<a class="product-image" title="Maze Rattan - Winchester Square Corner Group" href="http://www.rattanfurnitureuk.co.uk/sept2015/rattan-corner-sets/maze-rattan-winchester-square-corner-group.html">
<img width="135" height="135" alt="Maze Rattan - Winchester Square Corner Group" src="http://www.rattanfurnitureuk.co.uk/sept2015/media/catalog/product/cache/1/small_image/135x/9df78eab33525d08d6e5fb8d27136e95/3/1/3198.jpg">
</a>
检查 <img
标签中的内容。
在您的 Magento 管理员中导航至:
System > Configuration > Catalog > Product Image
将小图像宽度 字段更新为 276 像素。然后刷新图像缓存并刷新整页缓存。
http://www.rattanfurnitureuk.co.uk/sept2015/rattan-corner-sets.html
我已经删除了服务上的缓存,但图像仍然呈现模糊。
图片应清晰且尺寸为 276 x 276 像素
转到以下位置并打开 list.phtml 文件。
app\design\frontend\yourpackage\yourtheme\template\catalog\product\
并找到以下行
<a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" /></a>
在此代码中检查
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(135); ?>" width="135" height="135"
尝试在上述行中更改 resize(135) 以及高度和宽度。
更新: 您的站点中有以下 html。
<a class="product-image" title="Maze Rattan - Winchester Square Corner Group" href="http://www.rattanfurnitureuk.co.uk/sept2015/rattan-corner-sets/maze-rattan-winchester-square-corner-group.html">
<img width="135" height="135" alt="Maze Rattan - Winchester Square Corner Group" src="http://www.rattanfurnitureuk.co.uk/sept2015/media/catalog/product/cache/1/small_image/135x/9df78eab33525d08d6e5fb8d27136e95/3/1/3198.jpg">
</a>
检查 <img
标签中的内容。
在您的 Magento 管理员中导航至:
System > Configuration > Catalog > Product Image
将小图像宽度 字段更新为 276 像素。然后刷新图像缓存并刷新整页缓存。