I want to add loader untill multiple products removing from cart?
how can i do that can anyone help ?
Topic summary
Goal: display a loader while multiple products are being removed from the cart, showing progress until the removals complete.
Proposed approach: Use JavaScript addEventListener on the cart’s remove button (by class) to trigger a loading GIF; alternatively, hook into AJAX calls to show/hide the loader around network requests.
Constraint: The store is using a Shopify Checkout UI extension, where addEventListener and CSS class selectors for DOM elements aren’t available.
Request: A solution that works specifically within Checkout UI extensions, compatible with their constraints.
Status: No extension-compatible solution was provided in the thread. No code samples or media were shared. The discussion remains open with the key question unanswered.
Hi @hetarthee23 ,
You can use JavaScript addEventListener()
Look for the class name of the remove button and use the event listener to display a loading gif. Another option is to hook onto Ajax calls.
I am using checkout Ui extension, so i can’t use addEventListener() & class .
Do you have any solution using checkout Ui extension ?