Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Cart Deletes All Items

Cart Deletes All Items

volceria
Visitor
2 0 0

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
              xmlns="http://www.w3.org/2000/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 }}
Replies 0 (0)