Cart - взаимодействие с корзиной покупок

Cart - взаимодействие с корзиной покупок

Инструкция cart предназначена для организации работы корзины покупок интернет-магазинов.

Для работы данной инструкции к темплейту необходимо подключить файл: /engine/js/functions.js

Значения атрибутов:

data-role - указывает имя инструкции cart
data-ajax - путь к кастомному обработчику ajax (необязательно)

Вспомогательные классы:

cart-item - указывает, что данный тэг является строкой в списке корзины покупок
cart-item-price - содержимое тэга является ценой товарной позиции
cart-item-quant - содержимое тэга или значение поля является количеством товара в позиции (при изменении поля происходит пересчёт корзины)
cart-item-total - внуть тэга записывается значение произведения цены товара на его количество
cart-total - внутрь тэга записывается итоговая сумма корзины товаров
cart-item-remove - по событию click удаляет текущую строку корзины
cart-item-plus - по событию click прибавляет единицу к количеству товара в позиции
cart-item-minus - по событию click вычитает единицу от количества товара в позиции
add-to-cart - по событию click сериализует форму и передаёт ajax обработчику

Пример:

<!-- Отображение корзины -->
<div data-role="cart">
    <ul data-role="foreach" from="items">
        <li data-role="formdata" form="{{form}}" item="{{id}}" class="cart-item">
        Товар: {{name}} <span class="cart-item-price">{{price}}
        <input name="quant" value="{{quant}}" class="cart-item-quant">
        <span class="cart-item-total">0</span>
        </li>
    </ul>
    <b>Итого:</b> <span class="cart-total">0</span>
</div>

Пример:

<!-- Форма добавления товара в корзину -->
<form data-role="cart" data-ajax="">
    <input type="hidden" name="id" value="{{id}}">
    <input type="hidden" name="form" value="prod">
    <input type="hidden" name="quant" value="1">
    <input type="hidden" name="price" value="{{price}}">
    <a class="btn btn-success add-to-cart" href="#">
    {{price}}
    </a>
</form>

Интеграция с Bootstrap v.3

Чистый & понятный код

Парсер DOM в PHP