Magento目录图像在悬停时更改

Question

在目录/类别页面上，我希望悬停时图像会发生变化。就像clubmonaco.com我知道如何在html / css上做，但不知道magento。有帮助吗？

Answer 1

您可以修改此目录中的文件：

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/

Answer 2

您还应该考虑存储第二张图像的位置。在这种情况下，您可以使用“CSS-Sprites” - 包含两张照片的单个图像文件。缺点是，您必须自定义每个页面，其中magento显示产品图像。

或者您必须定义确切的订单。第一个图像是前视图，第二个图像总是后视图。

编程部分并不是很难。看看

app/design/frontend/base/default/template/catalog/product/list.phtml

目录视图的

。如果您有自定义模板，路径可能会有所不同。在Magento后端有一个显示真实路径的功能（系统 - >配置 - >开发工具）。

您可以将Javascript直接写入list.phtml。 Magento还直接在.phtml文件中编写JS代码。当然它不是很漂亮，但Magento是如此复杂;如果其他人使用商店系统，它将更容易找到。

请记住，list.phtml包含两个布局：网格和列表视图。如果你做了改变并想知道，为什么你看不到前端的变化; - ）