先介绍第一部分: 产品的三种排序方式: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里,进行相应的函数写入 |
|
来自: abcen > 《ECSHOP插件网》