Всплывающий попуп при добавлении товар в корзину

Цена договорная • безналичный расчёт, электронные деньги
15 февраля 2019, 12:11 • 7 откликов • 61 просмотр
Здравствуйте.

Цена договорная.

Сайт на фраемворке кохана но это не имеет значение.

Задача очень простая, для тех кто соображает.

Когда нажимаем на кнопку добавить товар в корзину, нужно чтобы всплывал попуп.

Попуп окно
<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>

Кнопка добавить в корзину
<a href="javascript:void(0)" title="<?=($in_corzina)?"Товар уже в корзине":"Добавить в корзину"?>" class="add_tovar<?=($in_corzina)?" active":""?> anim"><?=($in_corzina)?"Товар уже в корзине":"Добавить в корзину"?></a>

Скрипт jQuery, который обрабатывает товар и добавляет его в корзину, вот в скрипт надо как-то воткнуть задачу чтобы всплывало окно попуп.

jQuery(document).ready(function(){
jQuery(".add_tovar").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.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('.add_tovar').addClass('active').html('Товар уже в корзине');

$("#win3").fadeIn();
}
});
return false;
}
});
});

Я пробовал сам сделать и вставил вот такую задачу $("#win3").fadeIn(); окно не всплывает но срабатывает затемнение заднего фона. А при всплывании окна, затемнение заднего фона срабатывает. С затемнением все ок, окно бы вызвать чтобы всплывало.