ECSHOP商品详情页购买数量添加加减按钮 ecshop教程 - ecshop - 爱建站

,,cms教程,ecshop教程,,

SEO SEO

首页  >   ecshop > ECSHOP商品详情页购买数量添加加减按钮 ecshop教程   >  正文

 


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模板,那你可以到的 ecshop模板 频道看看,相信一定有你喜欢的!


ECSHOP商品详情页购买数量添加加减按钮 ecshop教程
http://www.yuedudg.cn/article/1168051.html

 

友情链接
cms综合网 phpcms之家 帝国cms常识
zblog之家 ecshop经验网 discuz经验网
织梦之家 wp之家


Tags: cms教程 ecshop教程


手机浏览本文

ECSHOP商品详情页购买数量添加加减按钮  ecshop教程

ECSHOP商品详情页购买数量添加加减按钮 ecshop教程

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy