Кожен товар повинен містити у верстці форму, а в ній певні атрибути та поля, виходячи з яких 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="/ua/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="add" data-id="[*id*]" data-count="2">Додати до кошика</a>
<a href="/ua/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="add" data-id="[*id*]" data-instance="wishlist">Додати до обраного</a>
<a href="/ua/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="remove" data-row="[*row*]">Видалити товар за хешем</a>
<a href="/ua/04_extras/commerce/03_razmetka-tovara.html#" data-commerce-action="remove" data-id="[*id*]">Видалити товар за ID</a>