Разметка товара

Каждый товар должен содержать в вёрстке форму, а в ней определенные атрибуты и поля, исходя из которых Commerce будет добавлять этот товар в корзину.

Пример простой формы

<form action="#" data-commerce-action="add">
    <input type="hidden" name="id" value="[*id*]">
    <button type="submit">Купить</button>
</form>

Пример формы с дополнительными опциями для товара

<form action="#" data-commerce-action="add">
    <input type="hidden" name="id" value="[*id*]">
    <input type="hidden" name="count" value="1">
    <input type="hidden" name="options[color]" value="Белый">
    <input type="hidden" name="options[services][]" value="Uplift">
    <input type="hidden" name="options[services][]" value="Assembling">
    <input type="hidden" name="meta[key]" value="value">
    <button type="submit">Add to cart</button>
</form>

Также можно добавить или удалить товар при помощи гиперссылок, содержащих в data-атрибутах id или row нужного товара. (В случае с row это будет происходить только в корзине)

<a href="/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="add" data-id="[*id*]" data-count="2">Добавить в корзину</a>

<a href="/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="add" data-id="[*id*]" data-instance="wishlist">Добавить в избранное</a>

<a href="/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="remove" data-row="[*row*]">Удалить товар по хэшу</a>

<a href="/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="remove" data-id="[*id*]">Удалить товар по ID</a>

Пример формы для добавления в корзину нескольких товаров

Чтобы добавить в корзину сразу несколько товаров, информация о каждом товаре должна быть помещена в элементы объекта batch с идентификаторами каждого товара в качестве ключей:

<form action="#" data-commerce-action="add">
    <input type="checkbox" name="batch[27][id]" value="27">
    <input type="hidden" name="batch[27][count]" value="3">

    <input type="checkbox" name="batch[45][id]" value="45">
    <input type="hidden" name="batch[45][count]" value="1">

    <button type="submit">Add to cart</button>
</form>