ECSHOP仿淘宝添加购物车提示框效果,代码免费下载

ECSHOP仿淘宝添加购物车提示框效果,代码免费下载

  • 数   量
    - +
    (载入中···)
  • ŭ加入购物车 Ū收藏 去手机购买

看了又看

产品名称 : ECSHOP仿淘宝添加购物车提示框效果,代码免费下载

 

插件免费下载,链接: https://pan.baidu.com/s/1Jz8YcuctKp5ATG6OlAYWdg 

提取码及解压密码,拍下后联系客服索取。

尚梦网络服务团队(https://www.16574.com) 不会安装的,拍下100元,指导并安装好。以下是教程:


1、将data文件夹上传到您网站根目录覆盖
2、修改themes/您当前模板/goods.dwt文件

找到

  • 也就是找您详情页面购买按钮的代码位置,我这里是按默认模板找的

  • 里面加入  style="position:relative;" id="gwc" 变成


  • 3、修改根目录下js文件夹中的common.js

    找到

    function addToCartResponse(result)

    这个函数里面的

          switch(result.confirm_type)
          {
            case '1' :
              if (confirm(result.message)) location.href = cart_url;
              break;
            case '2' :
              if (!confirm(result.message)) location.href = cart_url;
              break;
            case '3' :
              location.href = cart_url;
              break;
            default :
              break;
          }


    这一段改成

         switch(result.confirm_type)
          {
            case '1' :
              //if (confirm(result.message)) location.href = cart_url;
      openDiv_ecshop120(result.content);
              break;
            case '2' :
              //if (!confirm(result.message)) location.href = cart_url;
      openDiv_ecshop120(result.content);
              break;
            case '3' :
              //location.href = cart_url;
      openDiv_ecshop120(result.content);
              break;
            default :
              break;
          }

    找到

    function addPackageToCartResponse(result)

    这个函数下面的

          switch(result.confirm_type)
          {
            case '1' :
              if (confirm(result.message)) location.href = cart_url;
              break;
            case '2' :
              if (!confirm(result.message)) location.href = cart_url;
              break;
            case '3' :
              location.href = cart_url;
              break;
            default :
              break;
          }


    这一段改成

         switch(result.confirm_type)
          {
            case '1' :
              //if (confirm(result.message)) location.href = cart_url;
      openDiv_ecshop120(result.content);
              break;
            case '2' :
              //if (!confirm(result.message)) location.href = cart_url;
      openDiv_ecshop120(result.content);
              break;
            case '3' :
              //location.href = cart_url;
      openDiv_ecshop120(result.content);
              break;
            default :
              break;
          }

    在这个文件最后增加

    //关闭图层
    function cancel_div_ecshop120(){
    document.getElementById('gwc').removeChild(docEle('speDiv'));
    //var i = 0;
    // var sel_obj = document.getElementsByTagName('select');
    // while(sel_obj[i]){
    // sel_obj[i].style.visibility = 'visible';
    // }
    }


    /* *
    * 点击购物后弹出提示层 
    * 参数 cartinfo:购物车信息 
    */
    function openDiv_ecshop120(cartinfo) 
    {
      var _id = "speDiv";
      var m = "mask";
      if (docEle(_id)) document.removeChild(docEle(_id));
      if (docEle(m)) document.removeChild(docEle(m));
      //计算上卷元素值
      var scrollPos; 
      if (typeof window.pageYOffset != 'undefined') 
      { 
        scrollPos = window.pageYOffset; 
      } 
      else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') 
      { 
        scrollPos = document.documentElement.scrollTop; 
      } 
      else if (typeof document.body != 'undefined') 
      { 
        scrollPos = document.body.scrollTop; 
      }
      //var i = 0;
    //  var sel_obj = document.getElementsByTagName('select');
    //  while (sel_obj)
    //  {
    //    sel_obj[i].style.visibility = "hidden";
    //    i++;
    //  }
      // 新激活图层
      var newDiv = document.createElement("div");
      newDiv.id = _id;
      newDiv.style.position = "absolute";
      newDiv.style.zIndex = "10000";
      newDiv.style.width = "289px";
      newDiv.style.height = "120px";
      newDiv.style.Left = "0px";
      newDiv.style.Top = "-1px"; 
      newDiv.style.overflow = "hidden"; 
      newDiv.style.background = "#FFF";
      newDiv.style.border = "0px solid #59B0FF";
      newDiv.style.padding = "0px";
      //生成层内内容
            newDiv.innerHTML = '
    ';
      newDiv.innerHTML += '

     该商品已成功放入购物车
    '+cartinfo +'
     
    ';  
      document.getElementById('gwc').appendChild(newDiv);} 

    提示:因为每个模板详情页面布局样式不一样,安装好,这个提示框出现的位置可能不太合适,请自己调整以上代码中这两项中的数值


      newDiv.style.Left = "0px";

      newDiv.style.Top = "-1px"; 

    4、登陆后台,在商店设置-购物流程里面,把 是否一步购物: 一项改成否

    安装完毕!


  • 版权声明:网站所有源码软件及资料均为互联网收集整理而来,仅供学习和研究使用。不得使用于非法商业用途,不得违反国家法律。用户关于该资源商业行业与本站无关,如有侵权,请联系站长以便删除,敬请谅解!

    对自己使用过的商品进行评价,它将成为大家购买参考依据。
    评论隐私保护:1.匿名评论;2.注册用户评论(加密处理)
    用户可放心发表使用后的心得感受我要评价
    全部评价(0)
    暂时还没有任何用户评论
      ×
    • 匿名用户
    商品已成功加入购物车
    <<继续购物 去结算

    快速订购(闪电下单,无需走购物车流程,简单方便更快捷!)

    • 商品名称:
    • 购物数量:
    • 商品总价: 
    • 收货人姓名: *
    • 联系电话:*
    • 配送区域: *
    • 街道地址: *
    • 手机:
    • email:
    • 备注信息:
    • 支付方式:
    •