虚位以待(AD)
虚位以待(AD)
首页 > CMS教程 > Ecshop > ECSHOP商品详情页购买数量添加加减按钮

ECSHOP商品详情页购买数量添加加减按钮
类别:Ecshop   作者:码皇   来源:互联网   点击:

免费咨询热线4001 021 758   打开模板文件goods dws 查找代码   修改为   再添加js脚本   搜索以下代码 function changePrice() {   var attr = getSelectedAttributes(document forms);  var ,魔客吧
ecshop下载
qq在线咨询免费咨询热线4001 021 758

  打开模板文件goods.dws 查找代码


  修改为

减少

增加

  再添加js脚本

  搜索以下代码

function changePrice()
{
  var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
  var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
  Ajax.call('goods.php', 'act=price&id=' + goodsId + '&attr=' + attr + '&number=' + qty, changePriceResponse, 'GET', 'JSON');
}

  在其下方添加以下代码

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;
}

  再添加css样式

  复制代码

/*--------------商品详情页增加减少-------------*/.goods_gds {
  height:35px;
  display:block;
  overflow:hidden;
}.goods_font {
  display:block;
  float:left;
  height:15px;
  margin:8px 3px 0;
  font-size:12px;
}.goods_cut {
  border:0 none;
  cursor:pointer;
  display:block;
  float:left;
  font-size:0;
  height:15px;
  line-height:0;
  margin:8px 3px 0;
  width:15px;
  padding-right:0px;
  _padding-right:0px;
}input.goodsBuyBox,input.number {
  border:1px solid #DDDDDD;
  float:left;
  font-size:10px;
  height:18px;
  line-height:18px;
  margin:5px 5px 5px 5px;
  padding:0;
  text-align:center;
}.goods_add {
  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;
  text-align:left;
  padding-left:5px;
}

  复制代码

  把下面的图片放进模板的图片文件夹,注意图片名称


相关热词搜索: ECSHOP商品详情页购买数量添加加减按钮