请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

ecshop商品详情页 购物车页 购买数量加减按钮功能代码

  1. 解决了一个购物车页面的按钮一个错误。增加了判断输入的数量是否为数字!购物车页面的按钮需注意:js脚本不要加在foreach循环里面。
  2. 表格宽度注意调整一下,不然宽度不够会挤成几排不对齐。

  3. ecshop商品详情页 购物车页 购买数量加减按钮功能代码

    ecshop商品详情页 购物车页 购买数量加减按钮功能代码
    [img]http://www.68ecshop.com/attachment.php?aid=NTIwNTR8OGY0YTI5YmZ8MTM0NDA0MzM5N3xkNmNieFc5SDVhczJhcktBajdqUUtmZ1RhSmJFRGkxSXVSQUY4b1kyVnRTUGdqdw%3D%3D&noupdate=yes[/img]
  4. 找到模板文件中的good.dwt,查找类似 <input name="number" type="text"
  5. 的数量文件输入控件(有的模板可能整合到了类似goods_info.lib库文件中)。
  6. 将这一整段<input …… />修改为 <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>  <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>复制代码添加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; }复制代码以下是购物车页面的,别弄混了!
  7. 在flow_cart.lib 或者flow.dwt里,看各自的模板去修改,总之要找到这窜代码:
  8. <input type="text" name="goods_number[{$goods.rec_id}]"   ……
  9. 下面是脚本             <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>复制代码找到
  10. <input type="text" name="goods_number[{$goods.rec_id}]"
  11. 搜索不到你就搜goods_number就行了
  12. 替换为:
  13.                                      <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"/>复制代码可以了!(添加了一段css样式,见上部,input.number)  ------本文来自互联网,版权归原作者所有
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

    热门帖子
  • 精华
  • 新帖
快速回复 返回顶部 返回列表