Fixes issue with adding multiple qty to cart

magmodules · Jul 12, 2024 · 8941277 · 8941277
1 parent c9ffdb5
commit 8941277
Showing 1 changed file with 30 additions and 24 deletions.
diff --git a/view/frontend/web/js/add-to-cart.js b/view/frontend/web/js/add-to-cart.js
@@ -3,29 +3,34 @@ define([
     'Magento_Customer/js/customer-data',
     'domReady!'
 ], function ($, customerData) {
-    return function (config, element) {
-        let actionSelector = '.sqrAddToCart';
-        _wssq.push(['suggest._bindEvent', 'updateResults', function () {
-            $(actionSelector).on('submit', function (e) {
-                e.preventDefault();
-                var submitButton = $(this).find('button[type="submit"]');
+    return function() {
+        document.addEventListener('submit', (e) => {
+            e.preventDefault();
+
+            const form = e.target.closest('form');
+            const button = form.querySelector('button');
+            const minicart = document.querySelector('[data-block="minicart"]');
+
+            if (form.classList.contains('sqrAddToCart')) {
                 $.ajax({
-                    type: "GET",
-                    url: $(this).attr('action'),
-                    data: $(this).serialize(), // serialize form data
-                    beforeSend: function () {
-                        submitButton.prop('disabled', true);
-                        $('[data-block="minicart"]').trigger('contentLoading');
+                    type: 'GET',
+                    url: $(form).attr('action'),
+                    data: $(form).serialize(),
+
+                    beforeSend() {
+                        button.setAttribute('disabled', 'disabled');
+                        minicart.dispatchEvent(new CustomEvent('contentLoading'));
                     },
-                    success: function (data) {
-                        var sections = ['cart'];
-                        customerData.invalidate(sections);
-                        customerData.reload(sections, true);
+
+                    success() {
+                        customerData.invalidate(['cart']);
+                        customerData.reload(['cart'], true);
                     },
-                    error: function (result) {
+
+                    error() {
                         $('.sqr-closeButton').trigger('click');
-                        var customerMessages = customerData.get('messages')() || {},
-                            messages = customerMessages.messages || [];
+                        const customerMessages = customerData.get('messages')() || {},
+                              messages = customerMessages.messages || [];
 
                         messages.push({
                             text: 'Something went wrong while adding product to the cart. Please reload page and try again.',
@@ -35,12 +40,13 @@ define([
                         customerMessages.messages = messages;
                         customerData.set('messages', customerMessages);
                     },
-                    complete: function () {
-                        $('[data-block="minicart"]').trigger('contentUpdated');
-                        submitButton.prop('disabled', false);
+
+                    complete() {
+                        button.removeAttribute('disabled');
+                        minicart.dispatchEvent(new CustomEvent('contentUpdated'));
                     }
                 });
-            });
-        }]);
+            }
+        });
     }
 });