При клике добавить товар в корзину, как сделать всплывающее окно?

Здравствуйте.

При добавлении товара в корзину, при клике на кнопку добавить товар в корзину, надо сделать чтобы всплывающее окно всплывало. Не знаю как.

Само окно все на 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(); я пытался чет сам намутить.
  • Вопрос задан
  • 756 просмотров
Решения вопроса 1
ws17
@ws17 Автор вопроса
Вопрос решен: можно так сделать, window.location.hash = '#win3';
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@nvdfxx
Senior Pomidor developer
jQuery(".vkorziny").on("click", function(){
    $('.popup').fadeIn(300)
})
не?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы