item.id


◄ Назад к списку

item.id Идентификатор позиции. number

Идентификатор позиции.

Активно используется в атрибутах name полей формы корзины.
Например:
<input type="text" name="cart[quantity][{{ item.id }}]" value="{{ item.quantity }}" />
<input type="text" name="cart[order_line_comments][{{ item.id }}]" value="{{ item.comment }}" />

Liquid
        
          

<form action="{{ cart_url }}" method="post">
  <input type="hidden" name="_method" value="put">
  <input type="hidden" name="make_order" value="">
  {% for item in cart.items %}
  <div class="cart-item" data-item-block="{{ item.id }}">
    <a href="{{ item.product.url }}?variant_id={{ item.variant.id }}" class="item-title">
      {{ item.product.title }}
    </a>
    {% if item.weight %}
      <div class="item-weight">
        Вес товара: {{ item.weight }} {{ item.unit }}
      </div>
      <div class="item-weight">
        Суммарный вес товаров позиции: {{ item.total_weight }} {{ item.unit }}
      </div>
    {% endif %}
    <div class="item-quantity">
      Изменить количество товаров позиции:
      <input type="text" name="cart[quantity][{{ item.id }}]" value="{{ item.quantity }}" class="item-quantity-input">
    </div>
    <a href="{{ item.url }}" data-item-target="{{ item.id }}" class="item-remove js-item-remove">
      Удалить
    </a>
  </div>
  {% endfor %}
  <input type="submit" value="Оформить">
</form>

 

<!-- jQuery скрипт удаления -->
<script type="text/javascript">
  $(document).ready(function() {
    $('.js-item-remove').click(function(event) {
      event.preventDefault();
      var itemUrl = $(this).attr('href');
      var removeUrl = itemUrl + '.json';
      var _targetId = $(this).data('item-target');
      var $itemBlock = $('[data-item-block="'+ _targetId +'"]')
      $.ajax({
        url: itemUrl,
        type: 'POST',
        data: { _method: 'delete'}
      })
      .done(function() {
        console.log("Товар успешно удален");
        $itemBlock.remove();
      })
      .fail(function() {
        console.log("Что то пошло не так");
      })
    });
  });
</script>

Полезные видео