Magento 1.9.3在类别页面悬停时显示替代图像

Question

我想通过在产品信息 - >图像中指定悬停在类别页面上来显示替代图像。我已经使用参数Scope-Global，Catalog输入类型 - 媒体图像，应用于所有产品类型创建了属性hover_image。将该属性添加到集合中。接下来我应该做什么？谢谢

Answer 1

在类别页面上显示替代悬停图像。您需要在当前主题template/catalog/product/list.phtml中对产品详情模板进行更改。

由于您已经创建了媒体类型属性'hover_image'。所以，你需要获取hover_image型图像象下面这样：

<a href="<?php echo $_product->getProductUrl() ?>" class="hover-image" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'hover_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'hover_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'hover_image'), null, true) ?>" /></a> 

现在，您需要使用JavaScript应用产品图片悬停效果隐藏原始图像，并显示悬停图片。