Commit 1740bcd459db852616dcbd194a927f956e008551
Merge remote-tracking branch 'origin/master'
Showing
4 changed files
with
49 additions
and
1 deletions
Show diff stats
frontend/views/layouts/main.php
... | ... | @@ -414,7 +414,34 @@ _________________________________________________________ --> |
414 | 414 | ?> |
415 | 415 | |
416 | 416 | <!-- *** LOGIN MODAL END *** --> |
417 | - | |
417 | + | |
418 | + | |
419 | + <!-- *** SUCCESS MODAL BEGIN *** | |
420 | + _________________________________________________________ --> | |
421 | + <div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="Success" aria-hidden="true"> | |
422 | + <div class="modal-dialog modal-sm"> | |
423 | + | |
424 | + <div class="modal-content"> | |
425 | + <div class="modal-header"> | |
426 | + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
427 | + <h4 class="modal-title" id="Success"> | |
428 | + Success Title | |
429 | + </h4> | |
430 | + </div> | |
431 | + <div class="modal-body"> | |
432 | + <p class="text-center text-muted"> | |
433 | + Success text 1</p> | |
434 | + <p class="text-center text-muted"> | |
435 | + Success text 2 | |
436 | + </p> | |
437 | + | |
438 | + </div> | |
439 | + </div> | |
440 | + </div> | |
441 | + </div> | |
442 | + | |
443 | + <!-- *** SUCCESS MODAL END *** --> | |
444 | + | |
418 | 445 | <!-- *** Breadcrumbs *** --> |
419 | 446 | <?php |
420 | 447 | if (!$isHome) { | ... | ... |
frontend/web/css/style.css
... | ... | @@ -4639,4 +4639,18 @@ a.list-group-item.active > .badge, |
4639 | 4639 | -ms-transform: rotate(360deg); |
4640 | 4640 | transform: rotate(360deg); |
4641 | 4641 | } |
4642 | +} | |
4643 | + | |
4644 | +.alert-cart{ | |
4645 | + position: fixed; | |
4646 | + z-index: 1001; | |
4647 | + width: 50%; | |
4648 | + left: 25%; | |
4649 | + top: -75px; | |
4650 | + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0); | |
4651 | + transition: 0.3s; | |
4652 | +} | |
4653 | +.alert-cart.active{ | |
4654 | + top: 30px; | |
4655 | + box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3); | |
4642 | 4656 | } |
4643 | 4657 | \ No newline at end of file | ... | ... |
frontend/web/js/script.js
... | ... | @@ -112,6 +112,13 @@ $( |
112 | 112 | var id = $(this) |
113 | 113 | .data('id'); |
114 | 114 | basket.add(id, 1); |
115 | + if ($('.alert-cart').length > 0) { | |
116 | + } else { | |
117 | + $('body').prepend($("<div class='alert-cart alert alert-success alert-dismissible'>Товар добавлен в корзину.</div>")); | |
118 | + setTimeout(function(){$(".alert-cart").addClass("active");},100); | |
119 | + setTimeout(function(){$(".alert-cart").removeClass("active");},3500); | |
120 | + setTimeout(function(){$(".alert-cart").remove();},3600); | |
121 | + } | |
115 | 122 | }); |
116 | 123 | |
117 | 124 | $(document) | ... | ... |