magento在导航栏添加自定义页面与添加公用左边栏

学习了一段时间的magento,发现其设计真的是非常灵活,而且具有模块化架构体系和丰富的功能。在我的第一个magento实践项目:蓝色珠宝网站项目中,刚着手便遇到了几个不知道怎么下手的问题;第一个问题是,我知道怎么在magento的导航栏上添加产品分类的导航,这个可以在后台直接添加,但是像我们的珠宝网站需要about us,contact up 及home等导航栏,那么应该怎么样把这些自定义导航添加上去呢?第二个是在我们珠宝网站的设计中,所有模块都包含了一个公用的左边栏与图片播放展示栏,那么,我要怎样才能公用左边栏与图片播放展示栏呢?经过在网上找资料学习终于解决了这两个问题,下面我就和大家讲解一下其解决方案。
首先,在导航栏上添加自定义导航页面,我们发现magento的导航栏是写在了appdesignfrontenddefault模版templatecatalog
navigation下的top.phtml中,而通过查看其代码发现,,: ,它是通过代码读取整个菜单内容而我们需要添加自定义的页面的话,只需在它获取菜单的前面或后天添加自定义内容即可,例如,我们要添加一个首页的导航条,即可在其获取menu前添加html代码:




其中,"getUrl('') ?>“是获取一个页面的地址(URL Key ),这里默认是首页的,而页面则指的是后台中cms/page下添加的页面。
因为home页面是后台中本来就有的页面,所以可以直接添加,如果是需要添加自定的页面的话,那么就先需要在后台的cms/page下新创建一个页面,然后再添加一个导航页面代码指向新添加的页面的URL Key 即可。
第二个,添加公用左边栏信息;首先编辑layout/catalog.xml,在标签中添加一段默认配置,内容为:
这段配置的意思是引用一个vert_nav.phtml的文件,映射名称为left。
而后我们需要在catalog/navigation/下创建一个vert_nav.phtml的文件,文件中的内容为获取左边栏信息的一段代码,由于代码过长,这里就不写粘出来了,而后我们可发现,在我们的布局文件2columns-left.phtml(我这里为左两列)中,本来就带有的一段调用左边栏的代码
getChildHtml('left') ?>所以,调用就不用写了,然后刷新页面,我们便可看到在所有的页面中都出现了我们加入的左边栏了。
magento的功能点比较多,而且网上的学习资料也比较有限,所以目前来说许多有用的复杂的功能点也还没有学习到,需要在以后的项目实践中进一步学习,本月就给大家分享以上两个magento的小功能应用了。

Need a translation service?

Please enter your personal details and we will contact you shortly

Words translated by CCJK

146,096,379

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00

Over 95% of our clients recommend our language services to others

Copyright © CCJK Technologies Co., Ltd. 2000-2017. All rights reserved.
TOP