Generate a left hand menu for product categories i

2019-08-29 16:22发布

问题:

I'm looking for a method to generate a left hand menu in Magento much like the top menu present in the default template, anyone have a method for doing this?

回答1:

Hy,

there are some extensions and wiki entries which should help fulfill your needs. See some possible solutions here (all can be found, if you look for vertical navigation in Magento Boards):

Vertical Navigation with CSS Classes

How to create a vertical left hand menu

M



回答2:

If you don't want to muck around with the PHP templates, here is how I've done it using 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>


标签: php magento