QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

ECSHOP

ecshop商品页购买数量加减按钮ecshop购物车页加减

 admin  2014-03-29 15:50:00

 ecshop商品页购买数量加减按钮ecshop购物车页加减按钮插件

默认模版为例详细教程:

 

ecshop商品页购买数量加减按钮ecshop购物车页加减
 
  1. elseif ($_REQUEST['step'] == 'update_cart') 
  2.     { 
  3.         if (isset($_POST['goods_number']) && is_array($_POST['goods_number'])) 
  4.         { 
  5.             flow_update_cart($_POST['goods_number']); 
  6.         } 
  7.         show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php'); 
  8.         exit; 
  9.     }   

修改成

  1. seif ($_REQUEST['step'] == 'update_cart') 
  2.     if (isset($_POST['goods_number']) && is_array($_POST['goods_number'])) 
  3.     { 
  4.         flow_update_cart($_POST['goods_number']); 
  5.     } 
  6.     show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php'); 
  7.     exit; 
  8. }   

打开:goods.dwt

{* 包含脚本文件 *}
{insert_scripts files='common.js'}下面这段:

  1. <script type="text/javascript"> 
  2. function $id(element) { 
  3.   return document.getElementById(element); 
  4. //切屏--是按钮,_v是内容平台,_h是内容库 
  5. function reg(str){ 
  6.   var bt=$id(str+"_b").getElementsByTagName("h2"); 
  7.   for(var i=0;i<bt.length;i++){ 
  8.     bt[i].subj=str
  9.     bt[i].pai=i; 
  10.     bt[i].style.cursor="pointer"
  11.     bt[i].onclick=function(){ 
  12.       $id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML; 
  13.       for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){ 
  14.         var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j]; 
  15.         var ison=j==this.pai; 
  16.         _bt.className=(ison?"":"h2bg"); 
  17.       } 
  18.     } 
  19.   } 
  20.   $id(str+"_h").className="none"
  21.   $id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML; 
  22. </script>   

修改成:

  1. <script type="text/javascript"> 
  2. function $id(element) { 
  3.   return document.getElementById(element); 
  4. //切屏--是按钮,_v是内容平台,_h是内容库 
  5. function reg(str){ 
  6.   var bt=$id(str+"_b").getElementsByTagName("h2"); 
  7.   for(var i=0;i<bt.length;i++){ 
  8.     bt[i].subj=str
  9.     bt[i].pai=i; 
  10.     bt[i].style.cursor="pointer"
  11.     bt[i].onclick=function(){ 
  12.       $id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML; 
  13.       for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){ 
  14.         var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j]; 
  15.         var ison=j==this.pai; 
  16.         _bt.className=(ison?"":"h2bg"); 
  17.       } 
  18.     } 
  19.   } 
  20.   $id(str+"_h").className="none"
  21.   $id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML; 
  22. function del(){ 
  23.         var num = document.getElementById("number"); 
  24.         var n = parseInt(num.value); 
  25.         if(n-1<=0){ 
  26.                 alert("必须选择一个商品"); 
  27.         }else{ 
  28.                 nnum.value = n-1; 
  29.         } 
  30. function add(){ 
  31.         var num = document.getElementById("number"); 
  32.         var n = parseInt(num.value); 
  33.         nnum.value = n+1; 
  34. </script>   

搜索:

  1. <dd> 
  2.        <strong>{$lang.number}:</strong> 
  3.         <input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" style="border:1px solid #ccc; "/> 
  4.        </dd>   

修改成:

  1. <tr> 
  2.  <td valign="middle" height="40" width="80" align="right"><font class="shop">{$lang.number}:</font> </td> 
  3.  <td valign="middle"><img src="images/jian.gif" style="display:block;" onclick="del()" /> </td> 
  4.  <td><input name="number" type="text" id="number" value="1" size="4" onblur="changePrice()" 
  5. style="border:1px solid #ccc; height:25px; width:30px; text-align:center; "/></td> 
  6.  <td><img src="images/jia.gif" style="display:block;" onclick="add()" /> </td> 
  7.  </tr> 
  8.  </table>   

打开:style.css文件,底部下面添加

  1. .goods_cut { 
  2. background: url("./images/yy.gif") no-repeat scroll 0 0 transparent; 
  3. border: 0 none; 
  4. cursor: pointer; 
  5. display: block; 
  6. float: left; 
  7. font-size: 0; 
  8. height: 15px; 
  9. line-height: 0;margin: 8px 3px 0; 
  10. width: 15px; 
  11. input.goodsBuyBox, input.number { 
  12. border: 1px solid #DDDDDD; 
  13. float: left; 
  14. font-size: 10px; 
  15. height: 18px; 
  16. line-height: 18px; 
  17. margin: 5px 6px 0; 
  18. padding: 0; 
  19. text-align: center; 
  20. width: 32px; 
  21. .goods_add { 
  22. background: url("./images/yy.gif") no-repeat scroll 0 -15px transparent; 
  23. border: 0 none; 
  24. cursor: pointer; 
  25. display: block; 
  26. float: left; 
  27. font-size: 0; 
  28. height: 15px; 
  29. line-height: 0; 
  30. margin: 8px 3px 0; 
  31. width: 15px; 
  32. .goods_number_tit{ 
  33.     display: block; 
  34.     background:none; 
  35.     width:60px; 
  36.     height:25px; 
  37.     line-height:22px; 
  38.     float: left; 
  39. }   

图片放到模板目录: 

ecshop商品页购买数量加减按钮ecshop购物车页加减   ecshop商品页购买数量加减按钮ecshop购物车页加减

¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《ecshop商品页购买数量加减按钮ecshop购物车页加减》发布于石头博客文章,作者:admin,如若转载,请注明出处:https://www.pweb123.com/cms/ECSHOP/331.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序