ecshop首页布局修改

2017-08-01 23:51 来源:www.chinab4c.com 作者:admins

       ecshop首页是经常需要优化和调整的。ecshop首页布局修改也需要经常调整。ecshop首页的布局主要通过index.dwt模板来修改。ecshop的首页布局由index.php来呈现。ecshop首页布局牵涉到了首页的显示效果。也是给客户最直观的一个页面。

      1:我们先了解下ecshop首页布局

       ecshop的首页修改其实就是ecshop的模板修改。主要基于ecshop的smarty模板修改。他是基于includes/cls_templates.php里面的规则进行模板解析的。我们先看看ecshop布局修改需要牵涉到那些php代码。先看下解析规则。PHP的。

      首先一下是php解析代码,显示ecshop首页布局的代码段。

       function display($filename, $cache_id = '') 

    { 

        $this->_seterror++; 

        error_reporting(E_ALL ^ E_NOTICE); 

        $this->_checkfile = false; 

        $out = $this->fetch($filename, $cache_id); 

       if (strpos($out, $this->_echash) !== false) 

        { 

            $k = explode($this->_echash, $out); 

            foreach ($k AS $key => $val) 

            { 

                if (($key % 2) == 1) 

                { 

                    $k[$key] = $this->insert_mod($val); 

                } 

            } 

            $out = implode('', $k); 

        } 

        error_reporting($this->_errorlevel); 

        $this->_seterror--; 

 

        echo $out; 

    } 

       以上代码我们可以看到,这段代码就是为了输出ecshop首页模板的。当我们在ecshop的php中调用display模板就可以让ecshop顺利的解析首页。

       其次我们需要注意ecshop首页的公共头部page_header.lbi程序。这段主要是公共的导航,ecshop全站模板都是公用他。

       <!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem --> 

       ecshop首页模板还包括了公共的ecshop底部模板,看下面截图。

     <!-- #BeginLibraryItem "/library/page_footer.lbi" --><!-- #EndLibraryItem --> 

        任何一个人ecshop二次开发,我们都必须要解决和认识到这2个模板的作用。ecshop的模板结构在library有公共的文件。

     ecshop首页修改最重要的就是楼层的代码。我们看一下代码。这个是包括了ecshop首页推荐楼层的代码逻辑。

 <!-- #BeginLibraryItem "/library/cat_goods.lbi" --> 

<div class="all_ms"> 

  <!--{foreach from=$cat_goods item=goods}--> 

  <a class="goodsItem" href="{$goods.url}"> <div  class="img-box"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></div> 

  <div class="goods-brief">{$goods.brief|truncate:20}</div> 

    <div class="gos-title">{$goods.short_name|escape:html}</div>  

    <div class="prices"> 

        <!-- {if $goods.promote_price neq ""} --> 

    <font class="shop_s">{$lang.promote_price}<b>{$goods.promote_price}</b></font> 

    <!-- {else}--> 

    <font class="shop_s"><b>{$goods.shop_price}</b></font> 

    <!--{/if}--> 

    </div> 

  </a> 

  <!--{/foreach}--> 

  <div class="clear0"></div> 

</div> 

 

 <!-- #EndLibraryItem --> 

     了解了以上三大块,我们可以进行ecshop模板修改的具体操作了。

     2:ecshop布局修改需要注意啥东西

     我记得我们上篇文章讲述到了ecshop怎么修改。下面我们更加详细的来结合ecshop模板来解释ecshop首页布局要修改的注意事项。

      1:首先需要在修改首页模板的时候,更新后台缓存,因为ecshop有很严重的缓存。

      2:其次ecshop如果是首页样式修改了,需要强制刷新,或者给ecshop的css增加版本号。不然你怎么刷新都可能看不到最新的代码。

      3:ecshop首页模板和ecshop样式都在themes的ecshop模板目录