Оформление работы корзины для лучшей конверсии сайтов юкоз - Страница 2

function clearBasket(){
if(lock_buttons) return false; else lock_buttons = 1;
var el = $('#shop-basket');
if(el.length){ var g=document.createElement("div"); $(g).addClass('myWinGrid').attr("id",'shop-basket-fade').css({"left":"0","top":"0","position":"absolute","border":"#CCCCCC 1px solid","width":$(el).width()+'px',"height":$(el).height()+'px',"z-index":5}).hide().bind('mousedown',function(e){e.stopPropagation();e.preventDefault();_uWnd.globalmousedown();}).html('<div class="myWinLoad" style="margin:5px;"></div>'); $(el).append(g); $(g).show(); }
_uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'clear'}});
return false;
}

function removeBasket(id){
if(lock_buttons) return false; else lock_buttons = 1;
$('#basket-item-'+id+' .sb-func').removeClass('remove').addClass('myWinLoadS').attr('title','');
_uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'del', 'id':id}});
return false;
}

<script language="Javascript"><!--
var lock_buttons = 0;

function clearBasket(){
if(lock_buttons) return false; else lock_buttons = 1;
var el = $('#shop-basket');
if(el.length){ var g=document.createElement("div"); $(g).addClass('myWinGrid').attr("id",'shop-basket-fade').css({"left":"0","top":"0","position":"absolute","border":"#CCCCCC 1px solid","width":$(el).width()+'px',"height":$(el).height()+'px',"z-index":5}).hide().bind('mousedown',function(e){e.stopPropagation();e.preventDefault();_uWnd.globalmousedown();}).html('<div class="myWinLoad" style="margin:5px;"></div>'); $(el).append(g); $(g).show(); }
_uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'clear'}});
return false;
}

function removeBasket(id){
if(lock_buttons) return false; else lock_buttons = 1;
$('#basket-item-'+id+' .sb-func').removeClass('remove').addClass('myWinLoadS').attr('title','');
_uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'del', 'id':id}});
return false;
}

function add2Basket(id,pref){
if(lock_buttons) return false; else lock_buttons = 1;
var opt = new Array();
$('#b'+pref+'-'+id+'-basket').attr('disabled','disabled');
$('#'+pref+'-'+id+'-basket').removeClass('done').removeClass('err').removeClass('add').addClass('wait').attr('title','');
$('#'+pref+'-'+id+'-options').find('input:checked, select').each(function(){ opt.push(this.id.split('-')[3]+(parseInt(this.value) ? '-'+this.value :''));});
_uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'add', 'id':id, 'pref':pref, 'opt':opt.join(':'), 'cnt':$('#q'+pref+'-'+id+'-basket').attr('value')}});
return false;
}

function buyNow(id,pref){
if(lock_buttons) return false; else lock_buttons = 1;
var opt = new Array();
$('#b'+pref+'-'+id+'-buynow').attr('disabled','disabled');
$('#'+pref+'-'+id+'-buynow').removeClass('done').removeClass('err').removeClass('now').addClass('wait').attr('title','');
$('#'+pref+'-'+id+'-options').find('input:checked, select').each(function(){ opt.push(this.id.split('-')[3]+(parseInt(this.value) ? '-'+this.value :''));});
_uPostForm('',{type:'POST',url:'/shop/basket',data:{'mode':'add', 'id':id, 'pref':pref, 'opt':opt.join(':'), 'cnt':$('#q'+pref+'-'+id+'-basket').attr('value'), 'now':1}});
return false;
}
//--></script>

<div id="top_vis-basket">
<span>Корзина : $ORDER_AMOUNT$ </span>
<a href="#top_load_basket_all" rel="nofollow" class="ulightbox">
<span id="inf_top_basket"></span> товаров
</a>
<script type="text/javascript">$('#inf_top_basket').html('<img src="/.s/img/wd/1/ajax.gif">');$.get('/shop/checkout',{},function(d){$('#inf_top_basket').html($('#vse_tovs_chek',d).html());});</script>
</div>
<div id="top_load_basket_all" style="width:800px;padding:5px; display:none;text-align:left">
<div class="page3h text_b2-3 sup_cent">Ваша корзина</div>
<div class="page3h">
<a class="basketclear" href="javascript://" rel="nofollow" onclick="return clearBasket();">Очистить</a> |
<a class="basketorder" href="/shop/checkout">Оформить</a>
</div>

<div id="top_load_basket"><img src="/.s/img/wd/1/ajax.gif"></div>
<script type="text/javascript">
$.get('/shop/checkout',{},function(d){
$('#top_load_basket').html($('#order-table',d).html());
});
</script>

<script type="text/javascript">
$(document).ready(function(){
$.get('/shop/checkout',function(showc){
var o=$('#order-table',showc);
$('td.order-item-cnt',o).each(function(){
$(this).html($(this).find('input').val());
});
$('#top_load_basket').html(o.html());
});
});
</script>

</div>

для итоговой суммы можно добавить <span id="inf_top_basket_sum"></span>

<script type="text/javascript">
$.get('/shop/checkout',{},function(d){
$('#top_load_basket').html($('#order-table',d).html());
});
</script>

<script type="text/javascript">
$(document).ready(function(){
$.get('/shop/checkout',function(showc){
var o=$('#order-table',showc);
$('td.order-item-cnt',o).each(function(){
$(this).html($(this).find('input').val());
});
$('#top_load_basket').html(o.html());
});
});
</script>