码迷,mamicode.com
首页 > 其他好文 > 详细

mycncart操作使用教程 - 布局

时间:2015-12-21 23:53:06      阅读:517      评论:0      收藏:0      [点我收藏+]

标签:mycncart操作使用教程 - 布局

mycncart的主体框架跟随世界优秀电商系统opencart,因此相关的主体操作及管理思路基本是一致的,主要的差别在于相关功能是否符合网站客户为中国及华语市场。

一、 布局(design)的概念。

布局,是整个mycncart的核心思想之一,它的基本意思是给客户展示的具体页面,也即具体的访问路由所呈现的页面。

比如,当我们访问mycncart系统建立的网站时,如果后面不加任何参数,则访问的布局为【首页】,其所代表的路由为"common/home"。

在mycncart系统后台,访问【系统设置】 -> 【布局】 ,会发现系统默认所带有的相关布局,每个布局都代表了一个路由。

二、布局之路由

布局所包含的路由,实际上是网站前台相关的控制器,比如我们的前台控制器(controller)下包含了不同的目录和控制器,比如common/home, information/contact, product/special, product/category等等,这些控制器就是我们在网站后台设置布局时所需要设定的,同时也是网站前台访问相关页面时要访问的URL地址。

三、 布局的新增或编辑

在mycncart系统后台,访问【系统设置】 -> 【布局】,在此布局列表中,我们以布局【首页】为例,其路由是指向的网站前台catalog/contorller/common/home.php,我们在路由地方输入时,就直接输入后面的 common/home即可,后面无需带有扩展名字.php,系统会自动判断解析。

在此【首页】布局中,我们默认在网站前台首页会看到中部的【幻灯片】部分,【特色商品】部分,以及【品牌展示】部分,这三个部分其实是三个模组,在网站后台的【扩展功能】 -> 【模组管理】里面进行安装和设置。具体的模组部分,请详看后续的教程。

mycncart针对每个布局页面,大体分为五个部分:网站头部(Header)、网站底部(Footer)、左列(Column Left)、网站右列(Column Right)、网站内容(顶部(Content Top)和(Content Bottom)),图示如下:
技术分享 
在网站后台所管理的各个模组,在特定的布局页面,均可以被自由配置于上面的Column Left(左列),Column Right(右列),Content Top(内容顶部),Content Bottom(内容底部),每个部分的模组的排列顺序由设置布局页面时填写的顺序数字来决定。
如果右列没有设置任何模组,则中间的content内容部分自动扩展至网站右边缘,如下图所示:

技术分享 
如果左列没有设置任何模组,则中间的content内容部分自动扩展至网站左边缘,如下图所示:
技术分享 

现在我们具体来看mycncart首页中间的三个部分是如何设置显示出来的。

首先访问网站后台【扩展功能】 -> 【模组管理】, 会看到已经安装了模组【幻灯片】,同时也编辑新增了一个【幻灯片 > 首页】,后面的这个【幻灯片 > 首页】,就是为网站前台首页所新增个一个模组。
同样,你也会发现分别有【特色商品】模组和【特色商品 > 首页】,【品牌展示】模组和【品牌展示 > 首页】。

接下来,访问网站首台的【系统设置】 -> 【规划设计】 -> 【布局】,显示布局列表,编辑布局【首页】,会看到下图所示,结合网站前台的布局顺序,应该一目了然了。

技术分享

除了的mycncart的布局列表内所包含的默认布局页面外,我们也新增了一些布局页面供有需要的顾客选择,比如单独显示特色商品的页面,定制某些商品的页面, 显示所有商品折扣的页面等,如需要此类布局页面,请访问http://www.mycncart.com下载官方所开发的此类新布局页面插件。

mycncart操作使用教程 - 布局

标签:mycncart操作使用教程 - 布局

原文地址:http://opencartchina.blog.51cto.com/6651551/1726913

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!