Здравствуйте.
При добавлении товара в корзину, при клике на кнопку добавить товар в корзину, надо сделать чтобы всплывающее окно всплывало. Не знаю как.
Само окно все на css
<a href="#x" class="overlay" id="win3"></a>
<div class="popup">
<h2>Вы добавили товар в корзину</h2>
<a href="/cart/" title="Перейти в корзину"><div class="knopkar anim">Перейти в корзину</div></a>
<a href="#close" title="Продолжить покупку"><div class="knopkar anim">Продолжить покупку</div></a>
<a class="close" title="Закрыть окно" href="#close"></a>
</div>
Обычно запустить его можно так
<a href="#win3">Открыть окно</a>
Сам скрипт, который срабатывает при добавлении товара в корзину.
Мне надо к нему подключить это окно, ну чтобы при добавлении оно всплывало.
jQuery(document).ready(function(){
jQuery(".vkorziny").on("click", function(){
price = parseFloat(jQuery('#hiden-price').val());
price = parseFloat(jQuery('#hiden-price0').val());
qty = parseFloat(jQuery("#kolvo").val());
product_id = jQuery('#product_id').val();
if(qty > 0){
var data = {};
data.price = price;
data.product_id = product_id;
data.qty = qty;
jQuery('#win3').fadeIn();
jQuery.ajax({
url:'http://'+location.host+'/cart/add_item/',
type:'POST',
dataType:'json',
data: {data:data},
success: function(data){
if (data.qty>0) {
console.log($("#basket"));
$("#basket").removeClass("empty");
}
totNum = number_format(data.total, 0, '.', '.');
jQuery('.corzb').html('<i class="icon-basket"></i><div class="corzbt"><b>Товаров: <strong>'+ + data.qty +'</strong><br/><strong>'+ totNum +'</strong> руб</b></div>');
jQuery($this).addClass('active');
$($this).find('.vkorziny.anim').html('Добавить в корзину');
}
});
return false;
}
return false;
});
});
Там строка есть: jQuery('#win3').fadeIn(); я пытался чет сам намутить.