0

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

我是这个magento的新手..

有没有人帮我..

4

1 回答 1

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 的图像缓存版本的图像 url 将其
分配给图像的数据属性并使用 javascript 更改鼠标悬停时的 img src
您可能需要考虑使用 javascript 预加载所有这些鼠标悬停图像以提供用户最好的体验

于 2013-02-16T12:51:07.377 回答