Magento产品网格图像大小

时间:2016-03-18 13:20:00

标签: image magento product catalog

我已将目录/类别页面上的产品网格从4列更改为3列。由于此更改,我的产品网格中的产品容器正在使用CSS调整大小,尽管我的图像大小保持不变。这导致我的图像被放大,变得拉伸和像素化。

因此,我尝试通过更改我的模板/ catalog / product / list.phtml中的代码来尝试在类别页面中检索更大的图像尺寸':

自:

<?php echo $this->helper('catalog/image')->init($_product, 'small_image'); ?>

要:

<?php echo $this->helper('catalog/image')->init($_product, 'image'); ?>

这会导致我的所有产品图像都被标准的Magento徽标图像占位符替换。我也试过使用缩略图&#39;而不是&#39;图像&#39;,它可以工作但返回与&#39; small_image&#39;相同大小的图像。

我在Magento 1.9上建立并使用&#39; rwd&#39;主题/模板。

2 个答案:

答案 0 :(得分:2)

添加事件观察者:

<events>
        <catalog_product_collection_load_before>
            <observers>
                <add_iamge_to_collection>
                    <type>singleton</type>
                    <class>test/observer</class>
                    <method>addImageToProductCollection</method>
                </add_iamge_to_collection>
            </observers>
        </catalog_product_collection_load_before>
    </events>

将图像属性添加到选择:

public function addImageToProductCollection($observer)
{
    /** @var Mage_Catalog_Model_Resource_Product_Collection $collection */
    $collection = $observer->getCollection();

    if ($collection instanceof Mage_Catalog_Model_Resource_Product_Collection) {
        $collection->addAttributeToSelect('image');
    }
}

将small_image更改为list.phtml

中的图像
$this->helper('catalog/image')->init($_product, 'image')->resize($yourSize);

答案 1 :(得分:0)

您必须从管理面板上传该产品的图片以代替较大的图片部分,并使用放置在该图片附近的单选按钮选择该图片。