Есть HTML, который выводит список артикулов на странице товара. Нужно чтобы по кнопкам +/- менялось количество товара в корзине на +1 или -1 соответственно (без перезагрузки страницы). Input должен отображать лишь текущее значение товара в корзине.
{foreach $product.skus as $sku}
{assign var="cart_items" value=$wa->shop->cart->items()}
{assign var="sku_quantity" value=0}
{foreach $cart_items as $item}
{if $item.sku_id == $sku.id}
{assign var="sku_quantity" value=$item.quantity}
{/if}
{/foreach}
<div class="articletable_body body_sizes_line{if $sku.count == 0} out{/if}" data-sku-id="{$sku.id}">
<div class="cell1">
<h4>Размер</h4>
<p>{$sku.name}</p>
</div>
<div class="cell2">
<h4>На складе</h4>
<p>{if $sku.count == 0}Нет на складе{else}{$sku.count} шт.{/if}</p>
</div>
<div class="cell3">
<h4>Цена:</h4>
<p class="much articletable_price">{shop_currency_html($sku.price)}</p>
</div>
<div class="cell4">
<h4>Кол-во</h4>
<input name="sku_id" type="hidden" value="{$sku.id}">
<input name="product_id" type="hidden" value="{$product.id}">
<div class="number articletable_input_div">
<span class="minus" data-sku="{$sku.id}">-</span>
<input type="text" class="articletable_width_input cart-quantity" value="{$sku_quantity}" data-sku-id="{$sku.id}" max="{$sku.count}" readonly>
<span class="plus" data-sku="{$sku.id}">+</span>
</div>
</div>
</div>
{/foreach}