Magento 左边导航栏修改

Magento se105模版,默认有左边的导航栏。这点很好。但是如果稍微做下修改,会更加perfect

1.导航栏边框的颜色修改。这个改CSS。 大约在2528行附近。改成与顶部的top-cms同样的颜色。那整个模版就更加适合了。

像我用默认的颜色模版,我把边框颜色改成了#165399,效果很不错

2.在每个一级目录弹出的目录里面插入图片。先看一个效果图。这个手机的图片,是不是太棒了?


在cms/block里面新建一个block。比如我新建Menu 182(注意182和你的一级目录名的ID是对应的。)然后Identifie设置为wp_custom_menu_182。然后在内容里插入图片和链接。这样刷新后。这个block就会在对应的一级目录下面显示出来。

3.重点来了。固定导航栏的位置!!这个我琢磨了两天才弄出来。

首先网站后台的configuration里面custom menu里面设置要显示出几级目录出来,如上图,我是显示出两级目录。因为我二级目录太多了。还有就是分几栏显示,我是分两栏显示。Merge small subcategories这个是指要不要聚合起来,如果二级分类少,那么分类少的目录,可能会聚合成一栏显示。选yes,就是聚合。

现在,重点。固定导航栏顶部和底部的位置!默认模版的顶部和底部是根据分类来的,顶部会自动往下顺延,底部也是,不会固定。查看了一些大网站如amazon。他们都是把导航栏固定的。那样美观很多。

找到app/code/local/WP/CustomMenu/Block/Navigation.php。大概是63行附近。style="display:none;left:220px;top:0px;bottom:-180px;

我的改成了上面的代码。意思是所有分类弹出框,都是顶格显示,如上图。而所有的分类弹出框的底部都固定在了-180px的位置。这个数值可以根据自己的二级分类的多少进行调整。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值