Issue Removing Multiple Items From Mobile Cart Page

I’m facing a rather peculiar problem with my mobile site version, and I’m hopeful someone here can provide some insight or solutions.

Problem:

When browsing the cart page on the mobile version of my site, I am encountering difficulty in removing multiple items. Here’s the sequence of events:

  1. I can delete the first item from the cart without any issues.
  2. However, post that, the page seems to “freeze” or become unresponsive.
  3. As a result, I’m unable to delete any additional items after the first one.

I’ve tested this on multiple mobile devices and browsers to ensure it’s not device-specific.

Has anyone else experienced this issue? Or do you have any insights on potential causes or fixes? It’s vital for my customers to have a seamless shopping experience, and this hiccup is proving to be a barrier.

I’d deeply appreciate any guidance, suggestions, or troubleshooting steps to address this.

Website: swifft.com

@jhghidossi ,

The same issue happens on the desktop as well. And currently, it is showing the popup like the store is close now.

when I delete the cart item on the desktop it is not allowed to delete more items from the cart after that.

it looks like a JS issue for your store.

Hi @jhghidossi
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Issue Removing Multiple Items From Mobile Cart Page, let’s try this solution:

Here are some things you can try to troubleshoot the issue of being unable to remove multiple items from the cart on mobile:

  • Check for any custom JavaScript or CSS that may be interfering with the cart functionality specifically on mobile. Look for any code that targets mobile screens.

  • Try disabling any cart-related apps temporarily to see if they are causing a conflict. Especially look at apps that modify the cart page or ajax cart functionality.

  • Inspect the mobile cart page HTML and look for any unusual markup around the cart form or remove buttons. See if there are any duplicated IDs or other issues.

  • Try using browser dev tools to emulate a mobile view on desktop. Toggle device sizes and test removing items to isolate if it’s a mobile-specific bug.

  • Confirm your theme is mobile-optimized and the cart template is following best practices for mobile. For example, tap targets for buttons should be spaced properly.

  • Check server logs during the failure to see if any errors are being thrown when trying to remove items.

  • As a temporary workaround, consider adding a “Clear cart” button to allow customers to empty it completely.

  • Reach out to Shopify support to see if they have insight into any recent bugs related to cart removal on mobile.

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly