在列表页面中添加图像代替产品

Question

我希望在类别列表页面上添加一个图像来代替产品 - 一个图像占据所有空间，通常会被列表页面上的产品图片，名称，价格等占用。我能够添加一个静态块没有问题，但无法解决这个问题。这可能与Magento的原生功能有关吗？

Answer 1

您可以通过使用css属性background-image来实现此目的。如果你想在列表页面的整个内容中添加图像，那么它父div使用background-image，如果你想在列表页面的每个产品块中给出图像，那么也使用css。

Answer 2

您可以简单地覆盖phtml模板，并在显示产品的循环中，检查要为其放置自定义图像的产品的id / sku。然后只需回显您的自定义图像并继续循环。

伪代码：

foreach (products as product)
{

   if(product->sku == 'YOUR_PRODUCT')
   {
      echo CUSTOM_IMAGE;
      continue;
    }
//LEAVE THE OTHER PARTS OF TEMPLATE AS IT IS
echo product->name;
echo product->image; // and others
}