Перейти к содержанию

Рекомендуемые сообщения

В OpenCart после добавления товара в корзину, в самом верху появляется блок #notification информирующио о добавении товара в корзину.
Чтоб пользователя не перекидывало в верх убрал.
Добавил скрипт:

    <script type="text/javascript">
    setTimeout(function(){$("#notification").hide();}, 10000);
    </script>

 

после чего блок #notification начал исчезать через 10 секунд после появления.

Но если еще раз добавить товар в корзину то блок больше не появляется.
Данный скрипт срабатывает только один раз.

Как сделать, чтоб скрипт срабатывал после каждого раза как появляется блок #notification???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в function addToCart (или где там нужно под месседж) добавить что то типа:

$("#notification").show();

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

в function addToCart (или где там нужно под месседж) добавить что то типа:

$("#notification").show();

 

нето.

теперь после второго добавления в корзину, блок #notification неисчезает.

Изменено пользователем Hogan2012

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А если в CSS с помощью JQuery прописать display:none?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
setTimeout(function(){$("#notification").hide();}, 10000);

надо добавлять в конце функции нужной, а в начале :

$("#notification").show();

halfhope, если не ошибаюсь, то display:none == .hide()

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
setTimeout(function(){$("#notification").hide();}, 10000);

надо добавлять в конце функции нужной, а в начале :

$("#notification").show();

halfhope, если не ошибаюсь, то display:none == .hide()

 

если в начале то второй раз уже не появляется блок

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно так: берём стандартный код из common.js 

$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
и дополняем

$('#notification').html($('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>').fadeIn().delay('1000').fadeOut());
Что получим: мессадж о одобавлении корзину появится и через секунду пропадёт.
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.