shopnc 手机端添加自定义模块

(以商品模版为例)

第一步:添加个模版数据

新增模名称版为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’);

              // 33hao.com 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*/;}