Всплывающее уведомление о добавлении в корзину

[maxim72]

 

Доброго времени суток. Задался вопросом что при отключенном скроле вврех необходимо всплывающее уведомление о добавлении в корзину. Перерыл кучу форумов, но вразумительного ответа не нашел. 90% предложений основаны на версии 1.5.6.4, а у меня 2.1. К сожалению именно решение моего вопроса не подходит. Другие примочки от старой версии подошли. 

 

Суть. установлен дефолтный шаблон, убрано по инструкции с данного форума из файла common.js автоскролл вверх при клике на кнопку купить. хотелось бы чтобы вот это уведомление (см. картинку)  стало всплывающим и закрывалось так же при клике на крестик. все вроде.

Скрытый текст

 

[maxim72]

В общем нашел решение с помощью стороннего форума. 

Решение вроде бы не особо сложное.

Дали такой совет.

В файле Stylesheet.css замените 

.alert-success { со всем содержимым на это:

Скрытый текст

.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
max-width: 320px;
top: 50%;
left: 50%;
position: fixed;
z-index: 999;
margin-left: -160px;
box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.4);
}

 

Но, в моем файле stylesheet.css я не обнаружил класса .alert-success { 

был только .alert {

Заменил и все прекрасно работает... Может кому-то будет полезным.

Скрытый текст

[klaus]

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