ecshop

ecshop标签模板教程(二)

ECSHOP教程 来源: ECSHOP教程网www.ecshop119.com 时间:2012-08-30 ECSHOP教程分类:其他ECSHOP教程

先介绍第一部分:

产品的三种排序方式:1–列表表格  2–多表格 3–字表格

代码例子:

           <a href=”javascript:;” ><img src=”../images/btn_display_mode_list<!– {if $pager.display == ‘list’} –>_act<!– {/if} –>.gif” alt=”{$lang.display.list}” /></a> <a href=”javascript:;” ><img src=”../images/btn_display_mode_grid<!– {if $pager.display == ‘grid’} –>_act<!– {/if} –>.gif” alt=”{$lang.display.grid}” /></a> <a href=”javascript:;” ><img src=”../images/btn_display_mode_text<!– {if $pager.display == ‘text’} –>_act<!– {/if} –>.gif” alt=”{$lang.display.text}” /></a>

      </span>

这里主要使用了javascript技术,来达到,不同的显示内容方式:

         ———–当点击时以列表形式显示      

           注意后面有个if判断,当前的显示方式是否是要改变的方式。

           判断函数为<!– {if $pager.display == ‘list’} –>  后面的三个参数分别为:list,grid,text 代表三个方式

          三个方式对应的js代码分别为:

         ————-列表

         ————多表格

        ————文字

       注意只修改上面的是达不到效果的,还需要修改下面的显示的内容,板块:

        对应的代码看图片:

                  

          大家,可以试试看看,留言提问

接下来看第二部分:

         <p class=”btnList”>

          <a href=”javascript:collect({$goods.goods_id})”><img src=”images/fav-btn.gif” alt=”fav” width=”40″ height=”16″ /></a> <a href=”javascript:addToCart({$goods.goods_id})”><img src=”images/buy-btn.gif” alt=”buy” width=”40″ height=”16″ /></a> <a href=”javascript:;” ><img src=”images/comp-btn.gif” alt=”comp” width=”40″ height=”16″ /></a>

        </p>

这段代码,即为第一个图的三个小按钮,小按钮的图片可以自己进行修改,这里是图片格式的,如果你

想使用文字,可以用下面的代码进行相应的对应修改。

     {$lang.btn_collect}———收藏

     {$lang.btn_buy}————–购买

     {$lang.compare}————-比较

上面的代码,必须包含在

             <!– {foreach from=$goods_list item=goods} –>

         和<!– {/foreach} –>

    之间才能起到,效果。

还有一点是,必须在加入上面的模板页面相对应的php里,进行相应的函数写入

转载请注明:ECSHOP模板屋-ECshop教程网http://www.ecshop119.com/ecshopjc-411.html

ECSHOP
ecshop下载 ecshop安装教程 ecshop在线演示 ecshop后台测试
ECSHOP二次开发手册
ecshop教程 ecshop二次开发 ecshop模板教程 ecshop微信配置
ECSHOP商城网站建设
ecshop空间域名 ecshop商城建设 ecshop模板修改 ecshop开发定制
ECSHOP模板屋
ecshop开发团队 ecshop开发中心 ecshop模板制作 模板屋简介
服务支持:7X24小时 151 059 55077
ECShop二次开发
ecshop搭建
qqtelcodeback_top
温馨提示

确定取消
温馨提示

关闭