{% for item in cart.items %}
<div class="cart-item" data-item-block="{{ item.id }}">
  <div class="item-image">
    <a class="item-image-link" href="{{item.product.url}}?variant_id={{item.variant.id}}">
      <img  src="{{ item.product.first_image.medium_url }}">
    </a>
  </div>
  <a href="{{ item.product.url }}?variant_id={{ item.variant.id }}" class="item-title">
    {{ item.product.title }}
  </a>
  <a href="{{ item.url }}" data-item-target="{{ item.id }}" class="item-remove js-item-remove">
    Удалить
  </a>
</div>
{% endfor %}
<!-- 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>