Merge pull request PrestaShop#607 from boherm/fix-zero-qty-in-cart

Delete product in cart when we set zero qty and submit with Enter key
SharakPL · Mar 15, 2024 · 4e202d9 · 4e202d9
2 parents a5f1476 + 6ec8f3d
commit 4e202d9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/js/components/useQuantityInput.ts b/src/js/components/useQuantityInput.ts
@@ -64,7 +64,19 @@ const useQuantityInput: Theme.QuantityInput.Function = (
             }
 
             if (event.key === ENTER_KEY) {
-              updateQuantity(qtyInputGroup, 1);
+              if (qtyInput.value === '0') {
+                const targetItem = qtyInput.closest(cartSelectorMap.productItem);
+                const removeButton = targetItem?.querySelector(cartSelectorMap.removeFromCartLink) as HTMLElement
+                    | null;
+
+                if (removeButton) {
+                  removeButton.click();
+                } else {
+                  updateQuantity(qtyInputGroup, 1);
+                }
+              } else {
+                updateQuantity(qtyInputGroup, 1);
+              }
             }
 
             if (event.key === ESCAPE_KEY) {

diff --git a/src/js/constants/selectors-map.ts b/src/js/constants/selectors-map.ts
@@ -38,6 +38,8 @@ export const cart = {
   promoCode: '#promo-code',
   deleteLinkAction: 'delete-from-cart',
   productQuantity: '.cart__items .js-quantity-button',
+  productItem: '.cart__item',
+  removeFromCartLink: '.remove-from-cart',
 };
 
 export const blockcart = {