在目录/类别页面上,我想在悬停时更改图像 . 就像clubmonaco.com我知道如何在html / css上做,但不知道magento . 有帮助吗?
您可以修改此目录中的文件:
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包含两个布局:网格和列表视图 . 如果你做了改变并想知道,为什么你看不到前端的变化;-)
2 回答
您可以修改此目录中的文件:
或者您的模板,例如:
您可以在以下位置找到CSS文件:
您还应该考虑存储第二个图像的位置 . 在这种情况下,您可以使用“CSS-Sprites” - 包含两张照片的单个图像文件 . 缺点是,您必须自定义每个页面,其中magento显示产品图像 .
或者,您必须定义确切的订单 . 第一个图像是前视图,第二个图像总是后视图 .
编程部分并不是很难 . 看着
对于目录视图 . 如果您有自定义模板,路径可能会有所不同 . 在Magento后端有一个显示真实路径的功能(系统 - >配置 - >开发工具) .
您可以将Javascript直接写入list.phtml . Magento还直接在.phtml文件中编写JS代码 . 当然它不是很漂亮,但Magento是如此复杂;如果其他人使用商店系统,它将更容易找到 .
请记住,list.phtml包含两个布局:网格和列表视图 . 如果你做了改变并想知道,为什么你看不到前端的变化;-)