ECSHOP商品页,加入购物车弹出浮动层,仿淘宝效果

修改为

3）

下面修改ECSHOP语言包文件，打开 /languages/zh_cn/common.php

找到

$_LANG['cart_info']

将它的值修改为

购物车共 %d 件商品，总计 %s

修改后是这个样子

$_LANG['cart_info'] = '购物车共 %d 件商品，总计 %s';

4）

打开 /js/common.js

找到 下图所示代码

并修改为

5）

继续修改 /js/common.js 文件， 在文件的最末尾增加如下两段代码

function cancel_p_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";

i++;

}

}

/* *

* 点击购物后弹出提示层

* 参数 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[i])

{

sel_obj[i].style.visibility = "hidden";

i++;

}

// 新激活图层

var newDiv = document.createElement("p");

newDiv.id = _id;

newDiv.style.position = "absolute";

newDiv.style.zIndex = "10000";

newDiv.style.width = "289px";

newDiv.style.height = "120px";

newDiv.style.top = "-120px";

newDiv.style.left = "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);

}