ecshop商品詳情頁實現(xiàn)商品屬性選擇彈出層效果

時間： 2024-02-25 10:43 閱讀：次作者：素材無憂網

通過本教程可以實現(xiàn)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)
整個函數(shù)，替換為
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+'

'; html += '

'; html +=''; for (var spec = 0; spec < message.length; spec++) { html +=''; html +=''; html +='' html +=''; } html += '

品名：

'+goods_name+'

'+message[spec]['name']+'：

'; html +='

" + message[spec]['values'][val_arr]['label'] +'
" + message[spec]['values'][val_arr]['label'] + '

" + message[spec]['values'][val_arr]['label'] + '

'; html +='

'; html +="

"; html +='

'; newDiv.innerHTML = html; document.body.appendChild(newDiv); // mask圖層 var newMask = document.createElement("div"); newMask.id = m; newMask.style.position = "absolute"; newMask.style.zIndex = "9999"; newMask.style.width = document.body.scrollWidth + "px"; newMask.style.height = document.body.scrollHeight + "px"; newMask.style.top = "0px"; newMask.style.left = "0px"; newMask.style.background = "#FFF"; newMask.style.filter = "alpha(opacity=30)"; newMask.style.opacity = "0.40"; document.body.appendChild(newMask);}
2.在flow.php中的

if ($_REQUEST['step'] == 'add_to_cart')

里

$result['error'] = ERR_NEED_SELECT_ATTR;
$result['goods_id'] = $goods->goods_id;
$result['parent'] = $goods->parent;
???????$result['message'] = $spe_array;

下面添加

$goods_row = $GLOBALS['db']->getRow("select goods_name,goods_title,goods_thumb from ".$GLOBALS['ecs']->table('goods')." where goods_id='".$goods->goods_id."'");$result['goods_title']= $goods_row['goods_title'];$result['goods_thumb']= $goods_row['goods_thumb'];$result['goods_name'] = $goods_row['goods_name'];

大功告成

轉載請注明： ecshop商品詳情頁實現(xiàn)商品屬性選擇彈出層效果

上一篇：ecshop后臺添加新功能欄目權限管理管理員列表權限控制

下一篇：ecshop配送方式保價費用怎么刪除

標簽： ecshop商品詳情

花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

ecshop商品詳情頁實現(xiàn)商品屬性選擇彈出層效果