|
Иногда бывает нужно добавить в шаблон сайта на Opencart кнопку покупки товара прям в общий список товаров. Ну например на главной странице в списке новых поступлений. По умолчанию , при нажатии кнопки " Купить ", система перекидывает на страницу, где предлагается ввести количество и подтвердить покупку. Но часто бывает нужно иметь возможность сразу добавить одну единицу товара в корзину просто при нажатии кнопки " Купить ". Для реализации данной фичи добавляем в шаблон header.tpl где нибудь внутри тега <head> следующий Javascript код:
Теперь в нужном контроллере (для главной страницы это /catalog/controller/common/home.php ) ищем место, где в шаблон передаётся массив товаров и добавляем передачу идентификатора:
Осталось только добавить в шаблон страницы саму кнопку покупки, которая при клике по ней будет вызывать нашу Javascript функцию:
Функция, используя Ajax, передает данные о товаре в метод Callback корзины и получает от него обновленные данные о количестве товара в корзине, о самом товаре и т.д. И после этого динамически изменяет HTML-содержимое соответствующих блоков корзины (количество товара, наличие на складе и т.д.). Ну и наконец вызывает функцию анимации перемещения иконки товара в корзину. Для того, чтобы эта самая анимация у нас отображалась, к атрибуту "id" изображений товаров дописываем идентификатор:
|
Оставить комментарий
Ваше Имя:Ваш комментарий: Внимание: HTML не поддерживается! Используйте обычный текст.
Оценка: Плохо Хорошо
Введите код, указанный на картинке:
Подробнее >>
Подробнее >>
Подробнее >>
Подробнее >>
Подробнее >>








Комментариев: 0 | Оставить комментарий