{% 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>