官方微博: 腾讯  
首页 > ECSHOP教程 > ECSHOP二次开发 > 其他ECSHOP教程 > ecshop标签模板教程(二)

ecshop标签模板教程(二)

ECSHOP教程 / ecshop 教程网(www.ecshop119.com) 2012-08-30

先介绍第一部分:

产品的三种排序方式: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里,进行相应的函数写入

转载请注明:ECshop119模板屋-ECshop教程网(全国最专业的ECSHOP插件制作商-专业ECSHOP二次开发)

帮助目录

在线反馈

可以将问题或建议反馈给我们。

提交在线反馈

与网友交流ECSHOP开发修改。

加入QQ群交流