ecmall 自定义编辑页面

分类首页挂件实现

接上面的，上一节中，我们其实可以在管理员后台也看到我们新添加的那个可编辑页面，在用户中心也可以看到有。因为没有语言项，在管理员后台里面看到的是一个没有名字的可编辑页面。但在用户中心里面却可以正常显示。

今天我们将创建一个类似淘宝一样，点击中部导航后打开一个分类首页，里面的东西又是可以自定义的可以显示与首页不同的内容，并且样子跟首页差不多，可以使用首页的全部挂件，也可以自已弄成其它样子。

大体的工作计划。

一、创建后台的编辑链接，以便可视化编辑网页。

二、添加导入自定义CSS功能，以便与首页不同。

三、可视化编辑我们需要的页面。

四、在导航栏加上我们的刚做的页面。

具体开始：

因为很多是上一节的内容，不再具体讲已经讲过的内容。

Admin/app/template.app.php 309 行附近，function _get_editable_pages()里面再加上'adult'=>SITE_URL.'/index.php?act=adult'在languages\sc-utf-8\admin\ng.php 里面加上'adult'=>'成人',接着打开app\default.app.php 在里面加一个方法我这里取名为adult是因为我想弄一个成人频道，代码如下。

functionadult(){

$this->assign('icp_number',Conf::get('icp_number'));

/* 热门搜素*/

$this->assign('hot_keywords',$this->_get_hot_keywords());

$this->assign('page_title',Conf::get('site_title'));

$this->assign('page_description',Conf::get('site_description'));

$this->assign('page_keywords',Conf::get('site_keywords'));

$this->assign('thiscss',$this->_get_thiscss('adult'));

$this->display('adult.html');

}

其实大部分代码是复制了index方法，这里我们特别添加了一句$this->assign('thiscss',$this->_get_thiscss('adult'));这是我们为页面写为的调用特别CSS的语

句。它调用_get_thiscss（）代码如下

function_get_thiscss($cssname)

{

return

site_url() .'/themes/mall/default/styles/default/css/'.$cssname.'.css';

}

去/themes/mall/default下将index.html复制一份改名为adult.html，同时搜索里面的所有page=index改为page=adult 一共有八处。

好了，再修改一下模板文件，配合我们指定特别的CSS。打开/themes/mall/default/header.html 在后面添加如下语句即可。好，我们再新建一个CSS文件。来到/themes/mall/default/styles/default/css/下将ecmall.css复制一份改名成adult.css然后你可以更改一些显示效果，这样其实页面是既载入了原来的效果，也载入了这个css文件定义的效果，如果新定义的效果覆盖了之前

的，就会按最后的效果显示。附件里有我从朋友

拿下来的效果，好了，现在基本完工了，我们来可视化编辑我们的另一个页面。你想弄成什么样就弄成什么样喽。

接下来我们要去添加一个导航。添加一个自定义的导航网址处填写“网址”+index.php?act=adult即可。如果在本地测试的朋友添加网址的时候可能有一点困难，因为当我们填写http://localhost/…这样的网址是它提示我们不是正确的网址。那我们去admin/templages/navigation.form.html找到

link

:{

url

: true

},

和

link

: {

url

: '{$lang.link_limit}'

},

将其删除，这样不再提示本地地址非法了，链接里写“index.php?act=adult”即可，

把“中部”和“否”钩上。

好了，enjoy it 吧。