DedeCMS商城功能,有很多用戶體驗(yàn)并完善,需要進(jìn)一步開發(fā),增加了下圖的幾個(gè)功能:增加商品js全選功能;js自動(dòng)增加減數(shù)量功能(也可手動(dòng)輸入數(shù)量);對(duì)應(yīng)的自定義字段(如服裝行業(yè)的尺碼);去除購物車更新數(shù)量;更改訂單號(hào)等。
1.JS商品全選功能
用代碼編輯器打開/templets/plus/car.htm,在<head/>之前增加,
<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery1.42.min.js"></script><!--引入jquery,文件放在在默認(rèn)模板的js目錄下--> <!--全選s--> <script type="text/javascript"> function selectGroup(checkbox,obj) { $('input[name='+obj+']').attr('checked', $(checkbox).attr('checked')); } </script> <!--全選e-->
找到下面代碼,大概在54行,按指定位置增加
<!--以下列出購物車內(nèi)購商品列表(數(shù)組),開始遍歷數(shù)組--> <tr> <th width="23"><input type="checkbox" onclick="selectGroup(this,'ids[]');"/>選擇</th> <th width="23">編號(hào)</th>
2.JS自動(dòng)增加減,統(tǒng)計(jì)購物數(shù)量及商品總價(jià)
<!--js加減s--> <script type="text/javascript"> $(function(){ $(".add").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())+1) setTotal(); }) $(".min").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())-1) if(parseInt(t.val())<0){ t.val(0); } setTotal(); }) function setTotal(){ var s=0; $("#tab .jg").each(function(){ s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); }); var Num=0; $("#tab .jg").each(function(){ Num+=parseInt($(this).find('input[class*=text_box]').val()); }); $("#total").html(s.toFixed(2)); //統(tǒng)計(jì)商品總價(jià) $("#Num").html(Num.toFixed(2)); //統(tǒng)計(jì)購物數(shù)量 } setTotal(); }) </script> <!--js加減e-->
找到
<td height="23"> <input name="buynum{dede:value.id/}" type="text" id="buynum{dede:value.id/}" value="{dede:value.buynum/}" size="5" maxlength="5" class="ipt-txt" /> <small>{dede:value.units/}</small> </td>
替換為
<td height="23" class="jg"> <!--加減s--> <input class="min" name="" type="button" value="-" style="padding:0 5px;"/> <input name="buynum{dede:value.id/}" type="text" id="buynum{dede:value.id/}" value="{dede:value.buynum/}" size="5" maxlength="5" class="text_box" /> <input class="add" name="" type="button" value="+" style="padding:0 3px;"/> <!--加減e--> <small>{dede:value.units/}</small> </td>
找到
共 <font color=red>{dede:var.carts.cart_count/}</font> 件商品,合計(jì):
<font color=red>{dede:var.carts.price_count/}</font>元
替換為
共 <font id="Num" color=red>{dede:var.carts.cart_count/}</font>件商品,合計(jì):
<font id="total" color=red">{dede:var.carts.price_count/}</font>元
篇幅原因,對(duì)應(yīng)的自定義字段(如服裝行業(yè)的尺碼)移步DedeCMS購物車優(yōu)化之服裝商品頁提交自定義字段到購物車;去除購物車更新數(shù)量,更改訂單號(hào)移步DedeCMS購物車優(yōu)化之商品全選及數(shù)量增加減按鈕。