在 Magento 中为产品类别生成左侧菜单答案

【问题标题】：Generate a left hand menu for product categories in Magento在 Magento 中为产品类别生成左侧菜单
【发布时间】：2010-08-06 04:08:14
【问题描述】：

我正在寻找一种在 Magento 中生成左侧菜单的方法，就像默认模板中的顶部菜单一样，有人有这样做的方法吗？

【问题讨论】：

@Hima：您可能想阅读该网站的常见问题解答一次。我们在这里不回答此类问题，因为它们与编程无关。无论如何，欢迎堆栈溢出。如果您有任何与编程相关的问题，请发布。
实际上，这是与边界编程相关的，因为 Magento 的布局系统使用简单的领域特定语言来指定布局。

标签： php magento

【解决方案1】：

喂，

有一些扩展和 wiki 条目可以帮助满足您的需求。在此处查看一些可能的解决方案（如果您在 Magento Boards 中查找 vertical navigation，都可以找到）：

Vertical Navigation with CSS Classes

How to create a vertical left hand menu

【讨论】：

我在我的 Magento 网站中使用了垂直导航扩展，它运行良好。

【解决方案2】：

如果你不想乱用 PHP 模板，下面是我使用 JavaScript (jQuery) 完成的方法：

<style>
    #left-nav {float:left; width:160px;border:1px solid #000; border-width:1px 1px 0;margin-right:8px;}
    #left-nav li {border-bottom:1px solid #000;}
    #left-nav a {display:block; text-decoration:none; background:#FFF; color:#000; padding:8px;}
    #left-nav a:hover {color:#FFF; background:#000;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    $(function(){
        $('<ul id="left-nav" />')
          .html($("#nav").html())
          .find("li")
          .removeClass("level0")
          .prependTo("#main");
        $(".header-nav-container").hide();
    });
</script>

【讨论】：