Перейти к содержимому


Правила форума

Внимание!!! Если не можете скачать, пожалуйста ознакомьтесь с условиями получения доступа с файлам форума. Правила форума


Простая анимация при нажатии кнопки "В корзину"


  • Вы не можете ответить в тему
В этой теме нет ответов

#1 badisoft

    Продвинутый пользователь

  • VIP
  • 5 006 сообщений
Репутация: 766
Мастер

Отправлено 28 июня 2017 - 14:24

Дополнение добавляет "улетание" всплывающего окошка "Товар успешно добавлен в корзину" в сторону корзины
при нажатии кнопки "В корзину" (пример см. http://cpu.badisoft.ru/PocketBook/)


1. в /core/tpl/user/[шаблон]/head.tpl.html вставляем загрузку jquery (обычно она там и так уже есть)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>


2. в файл /data/[шаблон]/user.js в функцию doLoad

после

doCart(result);

вставляем

// BEGIN "товар добавлен" летит в корзину
$('#axcrt')
  .clone()
  .css({'position':'absolute', 'z-index':'99', 'top': $('#axcrt').offset().top, 'left':$('#axcrt').offset().left})
  .appendTo("body")
  .animate({'opacity': 0.05, 'top': $("#cart").offset().top, 'left': $("#cart").offset().left, 'width':100, 'height':20, 'font-size':5, 'padding-top':14},
    3000,
    function() {$(this).remove();});
doHide();
// END "товар добавлен" летит в корзину

Важно: предполагается, что корзина на странице есть и имеет id="cart".
В дефолтовом шаблоне 3.1.2 такой id имеет боковой блок "Корзина".
В дефолтовом шаблоне 3.1.3 бокового блока нет, корзин в HTML-коде две (для нормального и планшетного разрешений) и ни у одной нет id, надо это учитывать (т.е. сделать элемент с id="cart" либо изменить "конечную точку полета").
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)