花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來(lái)到素材無(wú)憂網(wǎng),按 + 收藏我們
登錄 注冊(cè) 退出 找回密碼

織夢(mèng)購(gòu)物車優(yōu)化之商品全選及數(shù)量增加減按鈕

時(shí)間: 2019-04-29 11:56 閱讀: 作者:素材無(wú)憂網(wǎng)

 DedeCMS商城功能,有很多用戶體驗(yàn)并完善,需要進(jìn)一步開(kāi)發(fā),增加了下圖的幾個(gè)功能:增加商品js全選功能;js自動(dòng)增加減數(shù)量功能(也可手動(dòng)輸入數(shù)量);對(duì)應(yīng)的自定義字段(如服裝行業(yè)的尺碼);去除購(gòu)物車更新數(shù)量;更改訂單號(hào)等。

織夢(mèng)購(gòu)物車優(yōu)化之商品全選及數(shù)量增加減按鈕

1.JS商品全選功能

       用代碼編輯器打開(kāi)/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行,按指定位置增加

<!--以下列出購(gòu)物車內(nèi)購(gòu)商品列表(數(shù)組),開(kāi)始遍歷數(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ì)購(gòu)物數(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ì)購(gòu)物數(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>元


版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!

轉(zhuǎn)載請(qǐng)注明: 織夢(mèng)購(gòu)物車優(yōu)化之商品全選及數(shù)量增加減按鈕

標(biāo)簽:  
相關(guān)文章
模板推薦