【发布时间】：2013-03-27 22:39:10
【问题描述】：
在目录/类别页面上，我希望在悬停时更改图像。就像clubmonaco.com 我知道如何在 html/css 上做到这一点，但不知道 magento。有什么帮助吗？
【问题讨论】：
【发布时间】：2013-03-27 22:39:10
【问题描述】：
您可以修改此目录中的文件：
app/design/frontend/base/default/template/catalog/product
for example (list/ and list.phtml)
或您的模板，例如：
app/design/frontend/default/yourtemplate/template/directory with product files
您可以在以下位置找到 CSS 文件：
skin/frontend/
【讨论】：
您还应该考虑存储第二张图像的位置。对于这种情况，您可以使用“CSS-Sprites”——一个包含两张照片的图像文件。缺点是，您必须自定义 magento 显示产品图像的每个页面。
或者，您必须定义确切的订单。第一张图是前视图，第二张图总是后视图。
编程部分并不难。看看
app/design/frontend/base/default/template/catalog/product/list.phtml
用于目录视图。如果您有自定义模板，路径可能会有所不同。 Magento 后端有一个功能可以显示真实路径（系统->配置->开发工具）。
您可以将 Javascript 直接写入 list.phtml。 Magento 还直接在 .phtml 文件中编写 JS 代码。当然它不是很漂亮，但是 Magento 太复杂了；如果其他人使用商店系统，它会更容易找到。
请记住，list.phtml 包含两种布局：网格和列表视图。只是如果您进行更改并想知道为什么在前端看不到更改；-)
【讨论】：