服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > ecshop教程 >

ECSHOP商品列表页加上输入购买数量

时间:2016-04-01 09:24来源:未知 作者:最模板 点击:
我们在使用ecshop的时候,特别是批发站。很多时候不能在ecshop商品列表页输入购买数量,是非常不方便的。现在如果一次性购买好几个商品,十分的不方便,只有在ecshop的商品详细页面
我们在使用ecshop的时候,特别是批发站。很多时候不能在ecshop商品列表页输入购买数量,是非常不方便的。现在如果一次性购买好几个商品,十分的不方便,只有在ecshop的商品详细页面才能输入。那些做批发的ecshop站,对这个要求很严格。

  最好的状况下。就是在ecshop里面控制每个商品的最小购买数量。但是这个很多时候还是不方便的。让客户每次点购买的时候,就进入了默认的购买数量。当我们考虑开发出ecshop列表页购买数量输入框插件,就可以彻底的完全解决这个问题。

按照我们提供的步骤操作,最终效果截图如下:
ECSHOP商品列表页加上输入购买数量

1、在ECSHOP列表页的lbi文件中增加以下代码。如果你使用的是官方默认模板,那就是/themes/default/library/goods_list.lbi文件,找到商品价钱代码三处添加如下代码
数量:<a style="cursor:pointer" onclick="goods_cut({$goods.goods_id});">-</a><input class="txt-prodcount" id="number_{$goods.goods_id}" type="text" onblur="changePrice();" value="1" onfocus="if(value=='1') {value=''}" size="2" maxlength="5" /><a style="cursor:pointer" onclick="goods_add({$goods.goods_id});">+</a><br>
接着搜索如下代码:
<pre class="prettyprint lang-php">&lt;form name="compareForm" action="compare.php" method="post" onSubmit="return compareGoods(this);"&gt;</pre>
在以上的代码上面加上如下代码:
<form action="javascript:void(0)" method="post" name="ECS_FORMBUY" id="ECS_FORMBUY" ></form>
再把如下的代码加入到goods_list.lbi文件,最下面位置:
<script language="javascript" type="text/javascript">  
function goods_cut($val)
{  
  var num_val = document.getElementById('number_'+$val);  
  var new_num = num_val.value;  
  var Num = parseInt(new_num);  
  if (Num>1) Num = Num-1;  
  num_val.value = Num;  
} 
function goods_add($val)
{ 
  var num_val = document.getElementById('number_'+$val);  
  var new_num = num_val.value;  
  var Num = parseInt(new_num);  
  Num = Num+1;  
  num_val.value = Num;  
}
</script>
2、打开根目录下的 js/common.js 文件,找到如下代码
function addToCart(goodsId, parentId)
{
  var goods        = new Object();
  var spec_arr     = new Array();
  var fittings_arr = new Array();
  var number       = 1;
  var formBuy      = document.forms['ECS_FORMBUY'];
  var quick	   = 0;
在以上的代码下面添加如下代码:
  var fid = "number_"+goodsId; 
  if (document.getElementById(fid))
  { 
    number = document.getElementById(fid).value; 
  }
  else
  {
    var number = 1;
  }
再找到如下代码:
  // 检查是否有商品规格 
  if (formBuy)
  {
    spec_arr = getSelectedAttributes(formBuy);
    if (formBuy.elements['number'])
    {
      number = formBuy.elements['number'].value;
    }
	quick = 1;
  }
在这段代码下面添加:
  var fid = "number_"+goodsId;
  if (document.getElementById(fid))
  {
	number = document.getElementById(fid).value;
  }
再找到如下代码:
function submit_div(goods_id, parentId) 
{
  var goods        = new Object();
  var spec_arr     = new Array();
  var fittings_arr = new Array();
  var number       = 1;
  var input_arr      = document.getElementsByTagName('input'); 
  var quick		   = 1;
在这段代码下面添加:
  var fid = "number_"+goods_id;
  if (document.getElementById(fid))
  {
    number = document.getElementById(fid).value;
  }
按照上面步骤修改好以后,就能在ECSHOP商品列表页输入购买数量进行购买了!(责任编辑:最模板)
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------