Blog

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的小功能应用了。

Words translated by CCJK

146,096,379

Request a call or contact us

  •  

    Call ccjk.support for professional assistance

  •  

    Click Here to leave us a message and be as detailed as possible.

We are Certified

Our Client Satisfaction

rating for previous quarte

4.00
  •  
    Inquiry Form

    Please take few minutes to fill
    inquiry form and get Free Quote

  •  
    Request a Call

    Click to receive Free Call, Our
    Representative will contact you

  •  
    Leave a Message

    Please leave us a message and
    be as detailed as possible

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


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