麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > CMS > Ecshop > 正文

ecshop仿淘寶商品詳細頁加入購物車效果

2024-07-09 22:56:15
字體:
來源:轉載
供稿:網友

仿淘寶商品詳細頁加入購物車效果 效果大家應該都知道 如圖:[attach]40857[/attach]

     實現方法:

     goods.dwt頁面 <a href="javascript:addToCart({$goods.goods_id},0,1)"><img src="images/bnt_cat.gif" /></a>和默認的鏈接有點點區別 大家對比添加

     要顯示的層添加到這個葉面的底部

 

 

 要顯示的層添加到這個葉面的底部

<div class="cartSure" id="cartSureBox" style="display:none;">

<div class="btn"><a href="javascript:;" onclick="closeTipBox();">關閉</a></div>

<div class="mesgCon">

<h3>寶貝已成功添加到購物車!</h3>

<div>購物車共有<span id="ECS_GOODS_NUMBER"></span>種商品 合計:<span id="ECS_GOODS_PRICE"></span></div><br>

<input type="image" src="images/btn_pay.gif" />

 

</div>

</div>

 

 

 

我把樣式也貼出來 供大家參考

.cartSure{

position:absolute;

left:0;

top:545px;

width:405px;

height:90px;

z-index:999;

background:url(images/cartSure_bg.gif) 0 0 no-repeat;

font-size:12px;

}

 

.mesgCon{

float:left;

background:url(images/mesg.png) no-repeat 18px 9px;

color:#666;

line-height:21px;

padding:0 0 0 100px;

width:320px;

}

 

.mesgCon h3{

float:left;

width:320px;

color:#333;

font-size:14px;

margin:-1px 0 6px;

height:auto;

line-height:20px;

background:none;

text-align:left;

padding:0;

font-weight:bold;

}

 

.mesgCon input{float:left; margin:0 11px 0 0}

 

.mesgCon div{float:left; font-size:13px}

 

.mesgCon div span{font-size:14px; font-weight:bold; color:#F80}

 

.cartSure .btn{float:left; padding:5px; width:390px}

 

.cartSure .btn a{

background:url(images/close_bg.gif) no-repeat 0 0;

float:right;

height:13px;

overflow:hidden;

text-indent:-5000px;

width:38px;

}

 

.cartSure .btn a:hover{background-position:0 -12px}

 

 

 

打開js/common.js文件  修改 addToCart函數 修改后:

function addToCart(goodsId, parentId,is_ajax)

{

var goods = new Object();

var spec_arr = new Array();

var fittings_arr = new Array();

var number = 1;

var formBuy = document.forms['ECS_FORMBUY'];

var quick = 0;

// 檢查是否有商品規格 

if (formBuy)

{

spec_arr = getSelectedAttributes(formBuy);

 

if (formBuy.elements['number'])

{

number = formBuy.elements['number'].value;

}

 

quick = 1;

}

 

goods.quick = quick;

goods.spec = spec_arr;

goods.goods_id = goodsId;

goods.number = number;

goods.parent = (typeof(parentId) == "undefined") ? 0 : parseInt(parentId);

 

if(is_ajax == 1){

Ajax.call('flow.php?step=add_to_cart', 'goods=' + goods.toJSONString(), addToCartResponse_ajax, 'POST', 'JSON');

}else{

Ajax.call('flow.php?step=add_to_cart', 'goods=' + goods.toJSONString(), addToCartResponse, 'POST', 'JSON');

}

}

 

 

 

添加幾個js函數

/* *

* 處理添加商品到購物車的反饋信息

*/

function addToCartResponse_ajax(result)

{

if (result.error > 0)

{

// 如果需要缺貨登記,跳轉

if (result.error == 2)

{

// if (confirm(result.message))

// {

// location.href = 'user.php?act=add_booking&id=' + result.goods_id + '&spec=' + result.product_spec;

// }

opendiv_booking();

 

}

// 沒選規格,彈出屬性選擇框

else if (result.error == 6)

{

openSpeDiv(result.message, result.goods_id, result.parent);

}

else

{

alert(result.message);

}

}

else

{

var cartInfo = document.getElementById('ECS_CARTINFO');

var cart_url = 'flow.php?step=cart';

if (cartInfo)

{

cartInfo.innerHTML = result.content;

}

 

if (result.one_step_buy == '1')

{

location.href = cart_url;

}

else

{

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

divTipmiddle(result);

//refresh_cart();

document.getElementById('jdiv').innerHTML = result.cj;

break;

default :

break;

}

}

}

}

//購物車提示框JS

function closeTipBox(){

document.getElementById('cartSureBox').style.display="none";

}

function divTipmiddle(result){

openTipBox(result);

var a = document.getElementById("cartSureBox");

a.style.left=(document.body.clientWidth/2-a.clientWidth/2+245)+"px";

}

function openTipBox(result){

document.getElementById('ECS_GOODS_PRICE').innerHTML = result.goods_price;

document.getElementById('ECS_GOODS_NUMBER').innerHTML = result.goods_number;

document.getElementById('cartSureBox').style.display="block";

}

function opendiv_booking()

{

document.getElementById('buyTip2').style.display="block";

 

}

 

//購物車提示框JS

function closeTipBox(){

document.getElementById('cartSureBox').style.display="none";

}

 

 

 

打開flow.php 167行左右添加

/* 取得商品列表,計算合計 */

$cart_goods = get_cart_goods();

//$smarty->assign('total', $cart_goods['total']);

$result['goods_price'] = $cart_goods['total']['goods_price'];

$result['goods_number'] = $cart_goods['total']['real_goods_count'];

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: av电影在线免费观看 | 7m视频成人精品分类 | 蜜桃精品视频 | 成人午夜免费国产 | 中国产一级毛片 | 国产日韩在线视频 | 日本一区二区在线看 | 欧美一级在线免费 | 久久精品视频一区二区 | 12av毛片| 欧美精品欧美极品欧美激情 | 欧美成人精品欧美一级乱黄 | 一区二区久久久久草草 | 在线观看va | 国产三级在线视频观看 | 最新亚洲视频 | 双性精h调教灌尿打屁股的文案 | 亚洲乱码精品久久久久 | 国产精品视频一区二区三区四区五区 | 日日操夜夜透 | av免费在线网 | 免费人成在线播放 | 欧美一级爱爱 | 香蕉视频99 | 中文字幕视频在线播放 | 日本a∨精品中文字幕在线 狠狠干精品视频 | 亚洲免费观看视频 | 国产一精品久久99无吗一高潮 | 欧美日韩在线免费观看 | 亚洲国产网站 | 91精品免费在线 | 国产精品观看在线亚洲人成网 | 国产资源在线看 | jizzzxxxxhd| freexxxhd喷水 | 午夜精品福利影院 | 国产国语毛片 | 亚洲视色 | 久久99综合 | 成年免费网站 | 黄色大片网站在线观看 |