ECSHOP商品购买数量增加加减按钮插件

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

默认模版为例详细教程:

找到flow.php里的如下代码

elseif ($_REQUEST['step'] == 'update_cart')    {        if (isset($_POST['goods_number']) && is_array($_POST['goods_number']))        {            flow_update_cart($_POST['goods_number']);        }        show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php');        exit;    }

修改成:

elseif ($_REQUEST['step'] == 'update_cart'){    if (isset($_POST['goods_number']) && is_array($_POST['goods_number']))    {        flow_update_cart($_POST['goods_number']);    }ecs_header("Location: flow.php?step=cart\n");     show_message($_LANG['update_cart_notice'], $_LANG['back_to_cart'], 'flow.php');    exit;}

打开:goods.dwt

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

<script type="text/javascript">
function $id(element) {
  return document.getElementById(element);
}
//切屏--是按钮,_v是内容平台,_h是内容库
function reg(str){
  var bt=$id(str+"_b").getElementsByTagName("h2");
  for(var i=0;i<bt.length;i++){
    bt[i].subj=str;
    bt[i].pai=i;
    bt[i].style.cursor="pointer";
    bt[i].onclick=function(){
      $id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML;
      for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){
        var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j];
        var ison=j==this.pai;
        _bt.className=(ison?"":"h2bg");
      }
    }
  }
  $id(str+"_h").className="none";
  $id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML;
}

</script>

修改成:

<script type="text/javascript">
function $id(element) {
  return document.getElementById(element);
}
//切屏--是按钮,_v是内容平台,_h是内容库
function reg(str){
  var bt=$id(str+"_b").getElementsByTagName("h2");
  for(var i=0;i<bt.length;i++){
    bt[i].subj=str;
    bt[i].pai=i;
    bt[i].style.cursor="pointer";
    bt[i].onclick=function(){
      $id(this.subj+"_v").innerHTML=$id(this.subj+"_h").getElementsByTagName("blockquote")[this.pai].innerHTML;
      for(var j=0;j<$id(this.subj+"_b").getElementsByTagName("h2").length;j++){
        var _bt=$id(this.subj+"_b").getElementsByTagName("h2")[j];
        var ison=j==this.pai;
        _bt.className=(ison?"":"h2bg");
      }
    }
  }
  $id(str+"_h").className="none";
  $id(str+"_v").innerHTML=$id(str+"_h").getElementsByTagName("blockquote")[0].innerHTML;
}

function del(){
        var num = document.getElementById("number");
        
        var n = parseInt(num.value);
        
        if(n-1<=0){
                alert("必须选择一个商品");
        }else{
                num.value = n-1;
        }
}
function add(){
        
        var num = document.getElementById("number");
        
        var n = parseInt(num.value);
        
        num.value = n+1;
        
}

</script>

搜索:

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

修改成:

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

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

.goods_cut {
background: url("./images/yy.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/yy.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;
}
.goods_number_tit{
    display: block;
    background:none;
    width:60px;
    height:25px;
    line-height:22px;
    float: left;
}

图片放到模板目录:

新手如果没有修改过模板直接覆盖下面附件就可以:

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

下载:www.ecshop119.com/moban-318.html

二.购物车页面

打开:flow.dwt

{* 包含脚本文件 *}
{insert_scripts files='common.js,shopping_flow.js'}

<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>

搜索:

<input type="text" name="goods_number[{$goods.rec_id}]" id="goods_number_{$goods.rec_id}" value="{$goods.goods_number}" size="4" class="inputBg" style="text-align:center " onkeydown="showdiv(this)"/>

修改成:

<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>

3.搜索:

$lang.update_cart<input name="submit" type="submit" class="bnt_blue_1" value="{$lang.update_cart}" />

<input name="submit" type="submit" id="updatecart" value="{$lang.update_cart}" class="btn_s3"/>

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

.goods_cut {background: url("./images/yy.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/yy.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;}.goods_number_tit{    display: block;    background:none;    width:60px;    height:25px;    line-height:22px;    float: left;}

5.图片放到模板目录:

(0)

相关推荐

  • ThinkPHP5+Redis实现购物车

    本篇文章是通过ThinkPHP5和Redis实现购物车,功能包括:购物车列表.添加购物车.获取部分商品.获取部分商品总数量.获取全部商品总数量.商品减一.修改商品数量.删除商品.清空购物车,这些功能基 ...

  • ECSHOP商品详情页购买数量添加加减按钮

    打开模板文件goods.dws 查找代码1<input name="number" type="text" id="number" v ...

  • ecshop购买数量前后添加加减按钮

    Ecshop的用户体验做的真的不敢恭维,在商品详情页和购物车页面,购物数量不能加和减,只能用户自己修改数量框里的数字.下面给数量框两侧添加"+""-"按钮. 1 ...

  • ecshop商品购买批发最小起订量数量插件

    做过ecshop商城,或者说经营过商城的都会知道,有很多商品利润很小,而且还要包运费什么的,所以根本就是做亏本的生意,如果利润小,数量多的话 这样就不会出现赔本的损失.所以 今天第一个插件也是很实用的 ...

  • 修复ECSHOP商品购买记录的一个BUG

    在ECSHOP程序商品购买记录里面的.查询sql语句中: 代码是: AND ' . time() . ' - oi.add_time < 2592000 这里用的是time(),而add_tim ...

  • ECSHOP商品限制购买批发起订数量开发教程

    做过商城,或者说经营过商城的都会知道,有很多商品利润很小,而且还要包运费什么的,所以根本就是做亏本的生意,如果利润小,数量多的话  这样就不会出现赔本的损失.所以 ECSHOP商品限制购买批发起订数量 ...

  • 实现Ecshop商品跳到淘宝、京东等的购买链接

    今天简单的实现了一下ecshop商品导出到第三方的购买链接功能. 大致思路是给商品添加一个buy_link的text字段,存为json结构,然后通过json解析输出到商品购买页面 1.添加字段 增加购 ...

  • ECSHOP积分商城商品,ECSHOP积分购买,ECSHOP积分设置

    各位ECSHOP网店系统用户大家好,欢迎来到ECSHOP教程网图文教程,今天为大家详细解说一下ECSHOP积分商城商品,ECSHOP积分购买,ECSHOP积分设置. ECSHOP教程网ECSHOP视频 ...

  • ecshop商品批量购买批量添加商品到购物车【ECSHOP教程】

    默认的ecshop中只能单件点击"添加到购物车",没有办法批量添加,其实很简单,我们可以用函数 addToCart()来实现.下面我们就来讲一下具体的操作方法. 第一,修改商品列表 ...

  • ECSHOP商品快速购物功能,快速购买插件

    功能实现在商品详细页面将商品快速购买后显示订单号,方便快捷的完成商品的购买流程 支持配送方式与支付方式 后台可以设置订单状态 1.把order_quick.php放到ecshop系统的目录下. 2.把 ...