КОНСУЛЬТАЦИЯ

Показываем уведомление после добавления товара в корзину

Данный код помогает вывести сообщение о том, что товар добавлен в корзину.

Как выглядит :

Скопируйте код №1 и вставьте в блок "T123" в шапку или подвал вашего сайта

Создайте кнопку "Добавлено в корзину" в необходимом месте и присвойте ей класс ' infotext '

Чтобы поменять время отображения виджета на сайте, измените значение "2500"

1
2
3

Что делаем :

Код для вставки
<script>
  // уведомление после добавления в корзину
  $(document).ready(function() {
    setTimeout(() => {
      $(document).on('click', 'a[href="#order"]', function() {
        $('.infotext').addClass('infotextvisible');

        // Убрать уведомление через 2.5 секунды
        setTimeout(function() {
          $('.infotext').removeClass('infotextvisible');
        }, 2500);
      });
    }, 1500);
  });

</script>
Стили для виджета
<style>
.infotext .tn-atom {
     display:none; 
}
.infotextvisible .tn-atom {
     display: block;
     width: 214px;
     height: 44px;
     padding: 10px;
     text-align: center;
     box-sizing: border-box;
     animation: t706__pulse-anim 0.3s;
}
</style>
Больше модификаций

Возможно вы поверили в себя и сегодня нужно больше знаний. Посмотрите что есть еще интересного