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

<p>Кол-во товаров <span id="bskCount"></span></p>

<p>Итого: <span id="bskTotal"></span></p>

<div id="bskGo" style="display:none;">
<div class="bskGoCont"><img src="/_st/ico/_ajax.gif" width="100" height="100" /></div>
</div>

<div id="bskApp" style="display:none;">
<div id="bskAppBox">
<b title="Закрыть окно" style="cursor:pointer;color:#F00;font:28px/16px Arial,sans-serif;" onclick="$.fancybox.close();return false;">×</b>
<div id="bskAppCont"><script type="text/javascript">if(window.bsk){bsk.lib.init()};</script></div>
</div>
</div>

var bsk={lib:{
init:function(){
bsk.lib.app();
},

add:function(){
if(!document.getElementById('bskGo'))return;
var cont=document.getElementById('bskGo').innerHTML;
bsk.lib.show(cont);
},

app:function(){
if(!document.getElementById('bskApp'))return;
$.get('/shop/checkout',function(d){
var o=$('#order-table',d),j=0;
$('th.order-head-del,td.order-item-del',o).remove();
$('input',o).each(function(){
var e=this.parentNode;
if(e.className.indexOf('order-item')!=-1){j++;
$(e).html(this.value);         
}else{
$(this).remove();
}
});
$('#bskAppCont').html(o);
$('#bskCount').html(j);
$('#bskTotal').html($('td.order-total:last',o).html());
if(document.getElementById('fancybox-overlay')){
   setTimeout(function(){
   bsk.lib.show(document.getElementById('bskApp').innerHTML);
},1000);
}
});         
},

show:function(cont){
$.fancybox({type:'inline',content:cont,helpers:{title:null,overlay:{opacity:0.2,speedIn:0,speedOut:0}}});
}
}}

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')}});
bsk.lib.add();
return false;
}

<?if($NUM_ENTRIES$)?>
<script type="text/javascript">if(window.bsk){bsk.lib.app(true);}</script>
...

<?if($BASKET$)?>
<script type="text/javascript" src="http://likbezz.ru/_source/_js/2013/_bskLib.js"></script>
<p>Кол-во товаров <span id="bskCount"></span></p>
<p>Итого: <span id="bskTotal"></span></p>
<div id="bskGo" style="display:none;">
<div class="bskGoCont"><img src="http://likbezz.ru/_theme1/_st/ico/_ajax.gif" width="100" height="100" /></div>
</div>
<div id="bskApp" style="display:none;">
<div id="bskAppBox">
<b title="Закрыть окно" style="cursor:pointer;color:#F00;font:28px/16px Arial,sans-serif;" onclick="$.fancybox.close();return false;">×</b>
<div id="bskAppCont"><script type="text/javascript">if(window.bsk){bsk.lib.init()};</script></div>
</div>
</div>
<?endif?>

<?if($BODY$)?><ul id="bsList">$BODY$</ul><?endif?>
<?if($NUM_ENTRIES$)?>

<?if($BODY$)?><ul id="bsList">$BODY$</ul><?endif?>
<?if($NUM_ENTRIES$)?>
<script type="text/javascript">if(window.bsk){bsk.lib.app(true);}</script>

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 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')}});
bsk.lib.add();
return false;
}