在magento的类别产品列表中的鼠标上显示另一个图像

时间:2013-02-16 12:35:24

标签: php jquery magento

我正在开发一个magento网站。在我的类别产品列表页面(catalog/products/list.phtml)中。我需要在默认图像上实现鼠标上的交换图像功能...(此处每个产品有2个或更多图像,而鼠标悬停在默认图像上,应该显示任何其他图像)

我是这个magento的新手..

有没有人帮助我..

1 个答案:

答案 0 :(得分:0)

据我所知,magento默认只在类别页面上加载1张图片,即“small_image”。 如果要显示任何其他图像,则必须创建产品的完整实例

$_product = Mage::getModel('catalog/product')->load([product id]);

然后循环播放媒体库:

foreach ($_product->getMediaGalleryImages() as $image) {
  // assign the image you want to the product object
  $_product->setImage($image->getFile());
} 

完成后,您可以使用

访问新图像
echo $this->helper('catalog/image')->init($_product, 'image')->resize(200, 350); 

以上将返回200x350的图像缓存版本的图像网址
将其分配给图像的数据属性,并使用javascript在鼠标悬停时更改img src
您可能需要考虑使用javascript预加载所有这些鼠标悬停图像,以便为用户提供最佳体验