Hello
When I remove 1 item from the cart, all items get removed
Here is my code:
<head>
<title>Cart</title>
{{ 'cart.css' | asset_url | stylesheet_tag }}
</head>
{% form 'cart'
, cart %}
<div class="products">
{% for item in cart.items %}
<div class="item">
<div class="item-img">
<img src="{{ item.image | image_url: width: 200 }}" alt="">
</div>
<div class="item-info">
<h3>{{ item.title }}</h3>
<p>Unit Price: {{ item.price | money }}</p>
<!-- Updated section with increment and decrement buttons -->
<div class="qnt">
<p>Quantity:</p>
<div class="number-control">
<div class="number-left">-</div>
<input
type="number"
name="updates[]"
class="number-quantity"
value="{{ item.quantity }}">
<div class="number-right">+</div>
</div>
</div>
<div class="variant">
<p>Variant: {{ item.variant.title }}</p>
</div>
<p>Final Price: {{ item.final_line_price | money_without_currency }}</p>
</div>
<div class="item-remove">
<a href={{ item.url_to_remove }} class="remove">
<svg
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="w-6 h-6">
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
</svg>
</a>
</div>
</div>
{% endfor %}
</div>
<button
name="update"
type="submit"
style="display: none;"></button>
<button
name="checkout"
type="submit"
class="primary-btn">Checkout</button>
{% endform %}
{{ 'cart.js' | asset_url | script_tag }}
