Всплывающий попуп при добавлении товар в корзину
Цена договорная
•
безналичный расчёт, электронные деньги
Здравствуйте.
Цена договорная.
Сайт на фраемворке кохана но это не имеет значение.
Задача очень простая, для тех кто соображает.
Когда нажимаем на кнопку добавить товар в корзину, нужно чтобы всплывал попуп.
Попуп окно
<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(); окно не всплывает но срабатывает затемнение заднего фона. А при всплывании окна, затемнение заднего фона срабатывает. С затемнением все ок, окно бы вызвать чтобы всплывало.
Цена договорная.
Сайт на фраемворке кохана но это не имеет значение.
Задача очень простая, для тех кто соображает.
Когда нажимаем на кнопку добавить товар в корзину, нужно чтобы всплывал попуп.
Попуп окно
<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(); окно не всплывает но срабатывает затемнение заднего фона. А при всплывании окна, затемнение заднего фона срабатывает. С затемнением все ок, окно бы вызвать чтобы всплывало.
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.