Статьи / Работа с корзиной без перезагрузки

Как реализовать корзину без перезагрузки в tpl-шаблонизаторе? Самый быстрый и удобный способ сделать это уже через реализованный функционал тестового демосайта Demodizzy (шаблон современный).  Установить локальную версию с данным шаблоном и скопируйте необходимые файлы из папки JS в свою систему.

За добавление товара в корзину отвечают методы site.basket.add и basket.putElement из файла: ~/js/site/basket.jsДля начала нужно подключить необходимые файл. В шаблоне дизайна сайта вам нужно подключить файл ~/js/site/__common.js

Пример:
<script type="text/javascript" src="/js/site/__common.js"></script>
После того как фал подключен в шаблонах дизайна — нужно соответствующим образом модифицировать ссылку каталога на добавление товара.

За данную ссылку отвечает следующий tpl шаблон: ~\tpls\catalog\preview.tpl
Скрипту работает таким образом, что ищет необходимый элемент по ID и классу ссылки. По этому ссылка на добавление товара должна иметь следующий вид (если не модифицировать сам скрипт):
<a id="add_basket_2122" class="basket_list"> Добавить в корзину </a>

Теперь необходимо соответствующим образом изменить шаблон корзины. Для этого нам нужно в файле ~\tpls\emarket\basket.tpl добавить необходимые скрипту теги. А именно нужно присвоить значение класса class="block basket basket_info_summary" тегу
блока $FORMS['order_block'].
Пример:
$FORMS['order_block'] = <<<END
<div id="rubricator" class="block basket basket_info_summary">
После этого добавление в корзину будет выполнятся с помощью скрипта, и не будет больше перезагружать страницу.

Добавление товара в корзину без перезагрузки достаточно важный момент в создание интернет магазина. Практически каждый современный интернет-магазин обладает таким функционалом.

Похожие новости:

• Смена изображения при наведении на него курсора мыши (2012-02-18)
• Блочное кеширование html-кода в TPL (2012-02-18)
• Работа с .htaccess в Umi.cms (2012-02-18)
• Как запретить гостям оформлять заказы (2012-02-17)
• Универсальный метод для кеширования xml-данных в XSLT (2012-02-17)

Если у Вас возникают какие-либо вопросы или проблемы, то Вы можете написать в комментариях или воспользоваться формой обратной связи.

При копировании материлов ссылка на источник обязательна!