您现在的位置是:首页 > 教程 > ecshop商城教程ecshop商城教程
通过AJAX方式动态更新ecshop购物车页面的商品数量的方法
张准辰2023-12-07 20:34:48ecshop商城教程已有人查阅
导读每次用户进入ecshop购物流程的时候当需要更改购物车里的商品数量的时候必须要手动点击更新按钮
每次用户进入ecshop购物流程的时候当需要更改购物车里的商品数量的时候必须要手动点击更新按钮,这是非常糟糕的用户体验,我们有必要去改进这一点。
以下是通过AJAX方式来动态更新ECShop购物车页面商品数量的解决办法 一、前端页面部分(flow.dwt) 在商品数量的input框添加对应的js函数
以下是通过AJAX方式来动态更新ECShop购物车页面商品数量的解决办法 一、前端页面部分(flow.dwt) 在商品数量的input框添加对应的js函数
<INPUT onblur=”changePrice(document.getElementById (‘goods_number_{$goods.rec_id}’).value,{$goods.rec_id})” name=”goods_number [{$goods.rec_id}]” id=”goods_number_{$goods.rec_id}” value=”{$goods.goods_number}” id=”ECS_FORMBUY”> 在文件最后添加一段js <script type=”text/javascript”> function changePrice(number,rec_id) { var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']); var qty = document.forms['ECS_FORMBUY'].elements['number'].value; Ajax.call(‘flow.php’, ‘step=update_group_ cart&rec_id=’ + rec_id +’&number=’ + number, changePriceResponse, ‘GET’, ‘JSON’); } function changePriceResponse(res) { if (res.error > 0) { document.getElementById(‘sysmsg_error’).innerHTML = res.content; document.all.sysmsg_error.style.display=”; } else { if(document.all.sysmsg_error.style.display==”) { document.all.sysmsg_error.style.display=’none’; } document.getElementById(‘subtotal_’+res.rec_id).innerHTML = res.subtotal; document.getElementById(‘cart_amount’).innerHTML = res.cart_amount; } } </script> 二、在flow.php文件中插入对应的处理代码: elseif($_REQUEST['step'] == ‘update_group_cart’) { include_once(‘includes/cls_json.php’); $json = new JSON(); $result = array(‘error’ => ”, ‘content’ => ”); $rec_id = $_GET['rec_id']; $number = $_GET['number']; $group_buy = group_buy_info($_SESSION['extension_id'], $number); if(!is_numeric($number)) { $result['error'] = ’1′; $result['content'] =’请输入合法数量’; die($json->encode($result)); } if ($group_buy['restrict_amount'] > 0 && $number > ($group_buy['restrict_amount'] – $group_buy['valid_goods'])) { $result['error'] = ’1′; $restrict_amount = $group_buy['restrict_amount'] – $group_buy['valid_goods']; $result['content'] =’您最多可买’.$restrict_amount.’件’; die($json->encode($result)); } $sql = “UPDATE ” . $GLOBALS['ecs']->table(‘cart’) . ” SET goods_number = ‘$number’ WHERE rec_id = $rec_id”; $GLOBALS['db']->query($sql); $subtotal = $GLOBALS['db']->getONE(“select goods_price * goods_number AS subtotal from “.$GLOBALS['ecs']->table(‘cart’).” where rec_id = $rec_id”); $cart_amount = cart_amount(”,$_SESSION['flow_type']); $result['subtotal'] = price_format($subtotal, false); $result['cart_amount'] = price_format($cart_amount, false); $result['rec_id'] = $rec_id; die($json->encode($result)); } 还等什么?马上清空echsop的缓存刷新页面看看效果吧。
本文标签:
很赞哦! ()
相关文章
随机图文
-
ecshop文章列表页调用文章描述信息的方法
注意:这里所说的描述信息,指的是在ECSHOP后台发布文章时,填写的那个“网页描述”信息。 -
ecshop模板修改商品属价格为0不显示的方法
默认的情况是,当商品属 价格为0时,后面会显示 [ ¥0.00元] ,就像下面这样。白 [ ¥0.00元]咖啡 [ 加¥5.00元]总觉的那个0.00元有点多余 -
ecshop增加调用广告位怎么变大加宽1024
ecshop加广告出现广告位的宽度值必须在1到1024之间,这点是非常郁闷的,因为现在宽屏网站逐渐成为主流,越来越多的宽屏网站进入了我们的视线 -
ecshop商品库存为0零右上角售空按钮销售结束功能的实现方法
当店铺的库存不足时,要及时在产品的列表页以及其他的位置显示售罄按钮。我在默认模板下完成了这个功能。 默认模板左上角都有个 best hot 这个按钮,是按照这个东西写的
留言与评论 (共有 条评论) |