ECSHOP商品详情页实现商品属性选择弹出层效果

2016-06-13 13:05 来源:www.chinab4c.com 作者:ecshop专家

通过本教程可以实现ECSHOP购买商品选择属性时弹出层来选择,效果如下图:1.在commen.js中找到function addToCartResponse(result)中的 else if (result.error == 6)    {      openSpeDiv(result.message, result.goods_id, result.parent);    }将if中的内容换为openSpeDiv(result.message, result.goods_id, result.parent,result.goods_title,result.goods_thumb,result.goods_name);将function openSpeDiv(message, goods_id, parent)整个函数,替换为function openSpeDiv(message, goods_id, parent,goods_title,goods_thumb,goods_name) {  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("div");  newDiv.id = _id;  newDiv.style.position = "absolute";  newDiv.style.zIndex = "10000";  newDiv.style.width = "500px";  newDiv.style.height = "380px";  newDiv.style.top = (parseInt(scrollPos + 200)) + "px";  newDiv.style.left = (parseInt(document.body.offsetWidth) - 400) / 2 + "px"; // 屏幕居中  newDiv.style.background = "#fff";  newDiv.style.border = "5px solid #ffcae3";  var html = '';    //生成层内内容  html = '产品购买关闭

'+goods_title+'