(以商品模版为例)
第一步:添加个模版数据
新增模名称版为goodsnew
cccshop/data/model/mb_special.model.php
/**
* 获取专题模块类型列表
* @return array
*
*/
public function getMbSpecialModuleList() {
$module_list = array();
$module_list[‘adv_list’] = array(‘name’ => ‘adv_list’ , ‘desc’ => ‘广告条版块’);
$module_list[‘home1’] = array(‘name’ => ‘home1’ , ‘desc’ => ‘模型版块布局A’);
$module_list[‘home2’] = array(‘name’ => ‘home2’ , ‘desc’ => ‘模型版块布局B’);
$module_list[‘home3’] = array(‘name’ => ‘home3’ , ‘desc’ => ‘模型版块布局C’);
$module_list[‘home4’] = array(‘name’ => ‘home4’ , ‘desc’ => ‘模型版块布局D’);
$module_list[‘home5’] = array(‘name’ => ‘home5’ , ‘desc’ => ‘模型版块布局E’);
$module_list[‘goods’] = array(‘name’ => ‘goods’ , ‘desc’ => ‘商品版块’);
$module_list[‘goodsnew’] = array(‘name’ => ‘goodsnew’ , ‘desc’ => ‘商品版块new’);
// v3-10
if(!$_GET[‘special_id’]) {
$module_list[‘goods1’] = array(‘name’ => ‘goods1’ , ‘desc’ => ‘限时商品’);
$module_list[‘goods2’] = array(‘name’ => ‘goods2’ , ‘desc’ => ‘团购商品’);
}
return $module_list;
}
第二步: 左侧列表模版css修改(因为是根据名称调用css 必须新加样式才能显示,直接复制一个改个名称就行了,图片是继承的背景 根据需要另外设计背景图片)
cccshop/admin/templates/defalut/css/skin_0.css
.mb-special-layout .module-list .module_goods{……}
第三步:添加右侧模版文件
模块布局模板文件 mb_special_item.module_goodsnew.php
复制下面文件代码粘贴进新建模版
cccshop/admin/templates/defalut/mb_special_item.module_goods.php
第四步:添加查询数据(第三步之后会因没有新模版的相关数据而报错)
mb_special.model.php类文件中_initMbSpecialItemData方法中if 条件加上新增的模版名称
第五步:修改后台页面展示样式
5.1修改新增模版文件调用的class 名称
模板文件24行
<div class=”index_block goods-listnew”>
<?php if($item_edit_flag) { ?>
<h3>商品版块</h3>
<?php } ?>
<div class=”title”>
<?php if($item_edit_flag) { ?>
5.2修改css文件
/* 商品块模型-编辑*/ 有两处 第一处是首页显示效果 第二处是编辑页显示效果
第六步:启用前台显示(后台一定要启用)
手机端首页
wap/index.html
复制修改id
<script type=”text/html” id=”goodsnew”>
<div class=”index_block goods”>
<% if (title) { %>
<div class=”title”><%= title %></div>
<% } %>
<div class=”content”>
<% for (var i in item) { %>
<div class=”goods-item”>
<a href=”tmpl/product_detail.html?goods_id=<%= item[i].goods_id %>”>
<div class=”goods-item-pic”><img src=”<%= item[i].goods_image %>” alt=””></div>
<div class=”goods-item-name”><%= item[i].goods_name %></div>
<div class=”goods-item-price”>¥<%= item[i].goods_promotion_price %></div>
</a>
</div>
<% } %>
</div>
</div>
</script>
修改完成 不显示效果是路径错误(检查是否404) 配置文件 /wap/js/config.js 2个变量 ApiUrl 和AdnroidSiteUrl
图片显示是因为没有查询数据
第七步查询查询数据
data/model/mb_special.model.php中方法_formatMbSpecialData
case 加上新增的模板名称和动作
case ‘goodsnew’:
$new_item = array();
foreach ((array) $item_data[‘item’] as $value) {
$value[‘goods_image’] = cthumb($value[‘goods_image’]);
$new_item[] = $value;
}
$item_data[‘item’] = $new_item;
break;
第八步:修改手机前端样式文件
样式文件
wap/css/index.css
.home5 .content { font-size: 0; background-color: #FFF; *word-spacing: -1px/*IE6、7*/;}
.home5 .item { letter-spacing: normal; vertical-align: top; display: inline-block; *display: inline/*IE7*/;
width: 23%; margin: 1%; *zoom:1/*IE7*/;}