уведомление о добавлении товара в корзину

Eugeny Galkovskiy
1 parent 9a9d88ed
Showing 2 changed files with 22 additions and 0 deletions Show diff stats
frontend/web/css/style.css
frontend/web/js/script.js
@@ -4639,4 +4639,18 @@ a.list-group-item.active &gt; .badge,
         -ms-transform: rotate(360deg);
         transform: rotate(360deg);
     }
+}
+
+.alert-cart{
+    position: fixed;
+    z-index: 1001;
+    width: 50%;
+    left: 25%;
+    top: -75px;
+    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
+    transition: 0.3s;
+}
+.alert-cart.active{
+    top: 30px;
+    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
 }
 \ No newline at end of file
@@ -111,7 +111,15 @@ $(
                 e.preventDefault();
                 var id = $(this)
                     .data('id');
+                var alert_id = Math.floor(Math.random() * (999 - 100 + 1)) + 100;
                 basket.add(id, 1);
+                if ($('.alert-cart').length > 0) {
+                } else {
+                    $('body').prepend($("<div class='alert-cart alert alert-success alert-dismissible' id='alert_"+alert_id+"'>Товар добавлен в корзину.</div>"));
+                    setTimeout(function(){$("#alert_"+alert_id).addClass("active");},100);
+                    setTimeout(function(){$("#alert_"+alert_id).removeClass("active");},3500);
+                    setTimeout(function(){$("#alert_"+alert_id).remove();},3600);
+                }
             });
  
         $(document)