ecshop二次开发教程--仿淘宝商品详细页加入购物车效果.doc

专业专注 用心服务Ecshop二次开发教程西安php服务中心齐老师仿淘宝商品详细页加入购物车效果仿淘宝商品详细页加入购物车效果，效果大家应该都知道，如图： 下载 (14.36 KB)2010-10-11 12:30 实现方法： goods.dwt页面和默认的链接有点点区别 大家对比添加 要显示的层添加到这个叶面的底部 1. 2. 关闭3. 4. 宝贝已成功添加到购物车！5. 购物车共有种商品 合计：6. 7.8. 9. 我把样式也贴出来 供大家参考 1. .cartSure2. position:absolute;3. left:0;4. top:545px;5. width:405px;6. height:90px;7. z-index:999;8. background:url(images/cartSure_bg.gif) 0 0 no-repeat;9. font-size:12px;10. 11.12. .mesgCon13. float:left;14. background:url(images/mesg.png) no-repeat 18px 9px;15. color:#666;16. line-height:21px;17. padding:0 0 0 100px;18. width:320px;19. 20.21. .mesgCon h322. float:left;23. width:320px;24. color:#333;25. font-size:14px;26. margin:-1px 0 6px;27. height:auto;28. line-height:20px;29. background:none;30. text-align:left;31. padding:0;32. font-weight:bold;33. 34.35. .mesgCon inputfloat:left; margin:0 11px 0 036.37. .mesgCon divfloat:left; font-size:13px38.39. .mesgCon div spanfont-size:14px; font-weight:bold; color:#F8040.41. .cartSure .btnfloat:left; padding:5px; width:390px42.43. .cartSure .btn a44. background:url(images/close_bg.gif) no-repeat 0 0;45. float:right;46. height:13px;47. overflow:hidden;48. text-indent:-5000px;49. width:38px;50. 51.52. .cartSure .btn a:hoverbackground-position:0 -12px打开js/common.js文件修改 addToCart函数 修改后：1. function addToCart(goodsId, parentId,is_ajax)2. 3. var goods = new Object();4. var spec_arr = new Array();5. var fittings_arr = new Array();6. var number = 1;7. var formBuy = document.formsECS_FORMBUY;8. var quick = 0;9. / 检查是否有商品规格 10. if (formBuy)11. 12. spec_arr = getSelectedAttributes(formBuy);13.14. if (formBuy.elementsnumber)15. 16. number = formBuy.elementsnumber.value;17. 18.19. quick = 1;20. 21.22. goods.quick = quick;23. goods.spec = spec_arr;24. goods.goods_id = goodsId;25. goods.number = number;26. goods.parent = (typeof(parentId) = undefined) ? 0 : parseInt(parentId);27.28. if(is_ajax = 1)29. Ajax.call(flow.php?step=add_to_cart, goods= + goods.toJS*tring(), addToCartResp*e_ajax, POST, JSON);30. else31. Ajax.call(flow.php?step=add_to_cart, goods= + goods.toJS*tring(), addToCartResp*e, POST, JSON);32. 33. 添加几个js函数 1. /* *2. * 处理添加商品到购物车的反馈信息3. */4. function addToCartResp*e_ajax(result)5. 6. if (result.error 0)7. 8. / 如果需要缺货登记，跳转9. if (result.error = 2)10. 11. if (confirm(result.message)12. 13. location.href = user.php?act=add_booking&id= + result.goods_id + &spec= + duct_spec;14. 15. /opendiv_booking();16.17. 18. / 没选规格，弹出属性选择框19. else if (result.error = 6)20. 21. openSpeDiv(result.message, result.goods_id, result.parent);22. 23. else24. 25. alert(result.message);26. 27. 28. else29. 30. var cartInfo = document.getElementById(ECS_CARTINFO);31. var cart_url = flow.php?step=cart;32. if (cartInfo)33. 34. cartInfo.innerHTML = result.content;35. 36.37. if (result.one_step_buy = 1)38. 39. location.href = cart_url;40. 41. else42. 43. switch(result.confirm_type)44. 45. case 1 :46. if (confirm(result.message) location.href = cart_url;47. break;48. case 2 :49. if (!confirm(result.message) location.href = cart_url;50. break;51. case 3 :52. divTipmiddle(result);53. /refresh_cart();54. document.getElementById(jdiv).innerHTML = result.cj;55. break;56. default :57. break;58. 59. 60. 61. 62. /购物车提示框JS63. function closeTipBox()64. document.getElementById(cartSureBox).style.display=none;65. 66. function divTipmiddle(result)67. openTipBox(result);68. var a = document.getElementById(cartSureBox);69. a.style.left=(document.body.clientWidth/2-a.clientWidth/2+245)+px;70. 71. function openTipBox(result)72. document.getElementById(ECS_GOODS_PRICE).innerHTML = result.goods_price;73. document.getElementById(ECS_GOODS_NUMBER).innerHTML = result.goods_number;74. document.getElementById(cartSureBox).style.display=block;75. 76. function opendiv_booking()77. 78. document.getElementById(buyTip2).style.display=block;79.80. 81.82. /购物车提示框JS83. function closeTipBox()84. document.getElementById(cartSureBox).style.display=none;85. 打开flow.php 167行左右添加 1. /* 取得商品列表，计算合计 */2. $cart_goods = get_cart_goods();3. /$smarty-as