找到模板文件中的good.dwt,查找类似 <input name="number" type="text"
的数量文件输入控件(有的模板可能整合到了类似goods_info.lib库文件中)。将这一整段<input …… />修改为
<span class="goods_cut" onclick="goods_cut();changePrice();"></span>
<input name="number" type="text" class="goodsBuyBox" id="number" value="1" size="4" onblur="changePrice();"/>
<span class="goods_add" onclick="goods_add();changePrice();"></span>
然后文件最低端添加如下JS代码:
<script language="javascript" type="text/javascript">
function goods_cut(){
var num_val=document.getElementById('number');
var new_num=num_val.value;
var Num = parseInt(new_num);
if(Num>1)Num=Num-1;
num_val.value=Num;
}
function goods_add(){
var num_val=document.getElementById('number');
var new_num=num_val.value;
var Num = parseInt(new_num);
Num=Num+1;
num_val.value=Num;
}
</script>
再添加css样式:
.goods_cut {
background: url("../images/plus.gif") no-repeat scroll 0 0 transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;margin: 8px 3px 0;
width: 15px;
}
input.goodsBuyBox, input.number {
border: 1px solid #DDDDDD;
float: left;
font-size: 10px;
height: 18px;
line-height: 18px;
margin: 5px 6px 0;
padding: 0;
text-align: center;
width: 32px;
}
.goods_add {
background: url("../images/plus.gif") no-repeat scroll 0 -15px transparent;
border: 0 none;
cursor: pointer;
display: block;
float: left;
font-size: 0;
height: 15px;
line-height: 0;
margin: 8px 3px 0;
width: 15px;
}
.goods_number_tit{
display: block;
background:none;
width:60px;
height:25px;
line-height:22px;
float: left;
}
************************************************************************************************************
以下是购物车页面的修改方法!
在flow_cart.lib 或者 flow.dwt里,看各自的模板去修改,总之要找到这窜代码:
<input type="text" name="goods_number[{$goods.rec_id}]" ……
下面是脚本:
在文件的最底部添加如下JS代码:
<script language="javascript" type="text/javascript"> function goods_cut($val){ var num_val=document.getElementById('number'+$val); var new_num=num_val.value; if(isNaN(new_num)){alert('请输入数字');return false} var Num = parseInt(new_num); if(Num>1)Num=Num-1; num_val.value=Num; document.getElementById('updatecart').click(); } function goods_add($val){ var num_val=document.getElementById('number'+$val); var new_num=num_val.value; if(isNaN(new_num)){alert('请输入数字');return false} var Num = parseInt(new_num); Num=Num+1; num_val.value=Num; document.getElementById('updatecart').click(); } </script>
找到 <input type="text" name="goods_number[{$goods.rec_id}]"
搜索不到你就搜goods_number就行了
替换为:
<span class="goods_number_tit"> {$lang.number}:</span> <span class="goods_cut" onclick="goods_cut('{$goods.rec_id}');"></span> <input type="text" name="goods_number[{$goods.rec_id}]" id="number{$goods.rec_id}" value="{$goods.goods_number}" size="4" class="number" onblur="if(isNaN(this.value)){alert('请输入数字');return false}else{document.getElementById('updatecart').click();}" title="{$lang.goods_number_tip}"/> <span class="goods_add" onclick="goods_add('{$goods.rec_id}');"></span>
再继续找到
<input name="submit" type="submit" value="{$lang.update_cart}" class="btn_s3"/>
其实就是在更新购物车的按钮中添加一个id=“updatecart”
<input name="submit" type="submit" id="updatecart" value="{$lang.update_cart}" class="btn_s3"/>
完毕!