【发布时间】:2015-01-19 13:39:05
【问题描述】:
我已将类别页面上的图像大小从 135 像素更改为 400 像素。它现在显示 3 列 400 像素的图像。这很好用!但我希望搜索结果页面看起来与类别页面相同。它已经有 3 列,图像显示为 400px。唯一的问题是它仍然加载一个 135px 的小图像。现在图像非常模糊。如何更改它以加载 400 像素的图像?
谢谢
【问题讨论】:
标签: magento image-size
我已将类别页面上的图像大小从 135 像素更改为 400 像素。它现在显示 3 列 400 像素的图像。这很好用!但我希望搜索结果页面看起来与类别页面相同。它已经有 3 列,图像显示为 400px。唯一的问题是它仍然加载一个 135px 的小图像。现在图像非常模糊。如何更改它以加载 400 像素的图像?
谢谢
【问题讨论】:
标签: magento image-size
Magento默认通过模板显示搜索结果;
app/design/frontend/YOURPACKAGE/YOURTHEME/template/catalog/product/list.phtml
如果您想更改它,那么您可以做的最好的事情是遵循以下链接中的建议,并指定一个自定义模板,通过复制和重命名 list.phtml 文件来显示您的结果;
Magento design update to replace list.phtml on search results page only
您可以随心所欲地对其进行自定义。您将更改的部分是以下代码,如您所见(->resize(135) 部分)正在将您的小产品图像调整为 135 像素。将其更改为 400 并假设小图像本身不小于 400px 宽,那么它需要被像素化。
<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>
【讨论】:
这只能通过 CSS 来完成。 CSS 取决于您使用的主题。
【讨论】: