Magento:关于产品属性的鼠标悬停的详细图像

时间:2015-03-10 06:00:03

标签: magento

我想为鼠标悬停显示每个选项的详细图片。

这正是我所追求的: http://www.potterybarn.com.au/textured-solid-pillow-cover

关于如何做到这一点的任何想法?或者是否有可用的插件?

2 个答案:

答案 0 :(得分:1)

详细图像通常称为产品缩放功能,它存在于大多数magento主题中,包括默认主题。它默认显示缩放功能的原始图像和同一图像的较小版本。

选项功能的图像称为色样,大多数模块都不是免费的。但最近的magento 1.9.1在他们新的默认主题rwd中免费提供此功能。有颜色样本和产品图像缩放功能。如果您需要更多内容,您可以了解他们是如何做到这一点并扩展他们的解决方案

在悬停时实现选项图像的最简单方法是使用悬停在可配置产品中时需要的分辨率图像。然后更改可配置样本选项文件的html。目前它只显示一个图像,您可以添加包含在某个块中的相同图像。然后将一个图像的大小更改为小,隐藏块隐藏大图并通过css / js在悬停时显示它。

包含色板代码的文件:app/design/frontend/rwd/default/template/configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml

答案 1 :(得分:0)

/skin/frontend/rwd/default/js/configurableswatches/swatches-list.js

and change line no: 52 "click" to "mouseover"

Then check, if correct please vote me.

Thanks.