在单击/鼠标悬停之前仅显示类别

Question

我在Magento菜单栏中遇到了不同类别的问题。现在，它们只显示所有类别和子类别的列表。我只想查看类别，并在点击或鼠标悬停类别时显示子类别。

相关网站为www.babydiscountshop.nl

我来自荷兰，英语不是很好，所以请记住这一点

Answer 1

我看到你正在修改你的主题。您需要做两件事：

1. 确保您有一个好的类别树（具有子类别的类别），并且您希望看到的每个类别和子类别（无论您是需要始终查看它们还是悬停或鼠标单击）都可在菜单中看到（选项是活动的，并且应为这些类别启用导航菜单中的包括）
2. 修改主题的CSS，以便只有顶级类别可以立即显示，其余类别在悬停时可见
3. 添加一些JavaScript，使您可以点击
显示类别

第二点需要以下CSS规则：

1. 应隐藏第二个（以及更深层次）级别类别（#nav ol ul {display: none}）
2. 它们应该在悬停时可见（例如#nav ol ul:hover {display: block}）

在第三点，你应该做以下事情：

1. 对于每个具有子类别的类别，您应该防止默认的onclick操作（这将转到给定的类别），而是显示其子类别（子无序列表是a html元素的兄弟点击（将其默认 display: none更改为display: block或其他内容。。请记住仅对实际拥有a兄弟的ul元素执行此操作。
2. 第二次点击相同的a节点应该隐藏其兄弟ul

如果您不确定如何继续，请参阅默认的Magento rwd主题文件（app/design/frontend/rwd/default）。