美文网首页
mycncart操作使用教程 - 布局

mycncart操作使用教程 - 布局

作者: wqching | 来源:发表于2016-02-02 19:04 被阅读66次

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的主体框架跟随世界优秀电商系统opencart,因此相关的主体操作及管理思路基本是一致的,主要的差...

  • mycncart操作使用教程 - 模组

    模组,顾名思义,就是可以像模块一样放置的网站的相关地方,比如放置在mycncart的布局页面的左列,右列,内容的上...

  • mycncart操作使用教程 - 商品分类

    分类的管理,后台管理路径为:【商品目录】->【商品分类】 新增或编辑分类时: 1. 如果选择了【顶部菜单显示】,则...

  • mycncart操作使用教程 - 横幅广告

    mycncart可以灵活地设置多个广告图片,以及在多个位置,多个布局页面显示多个广告图片。您可以为其加上链接,这样...

  • mycncart操作使用教程 - 文章管理

    mycncart的文章管理,后台访问路径为【商品目录】 -> 【文章管理】。它的作用是添加一些文章,比如【关于我们...

  • mycncart操作使用教程 - 语言设置

    如果你想新增或者删除语言,操作路径为网站后台【系统设置】 -> 【参数设置】 -> 【语言设置】。 注意新增语言时...

  • mycncart操作使用教程 - 品牌展示模组

    许多朋友对于【品牌展示】模组中的相关图片是从哪里设置的不知道。 如要修改【品牌展示模组】中的图片,路径为:【系统设...

  • mycncart使用教程 - 修改管理员操作权限

    mycncart的操作权限,其实就是针对网站后台各个控制器的操作权限。 权限分为两种: 浏览权限和修改权限,其中修...

  • css notebook

    使用flex实现页面居中 Flex 布局教程:语法篇 学习CSSflexbox

  • CSS布局

    Flex弹性布局 参考:Flex 布局教程:语法篇 传统解决方案:盒装模型。使用:display、position...

网友评论

      本文标题:mycncart操作使用教程 - 布局

      本文链接:https://www.haomeiwen.com/subject/rxxekttx.html