Shopping cart can't delete items

Using Shopify Dawn Theme 15.4.0, can’t delete items from cart. Customers keep getting spinning wheel and can not remove items.

Website: phiacollective.com

1 Like

Hey @phiacollective

After having a look at your website, you can see that there’s an error in your theme files, most probably a JavaScript error that occurs when the delete items button is clicked so I would suggest you to recheck your cart.js file.

If you’re not familiar with coding then my best suggestion would be to hire a Shopify developer who can help you out with that. If you’d like my help then feel free to connect with me and I would be happy to fix that for you.

Best,
Moeed

Your theme was heavily modified, presumably to improve PageSpeed by an app or a developer (?) websik(?)

This does not quite work on cart page – actually none of JS functionalities, like search, language change, etc do not work on your cart page because some of these JS functions did not run.

Further diagnostics would be required.

@phiacollective @Moeed @tim_1

I am also having the same issue as Phiacollective. I’m using the Dawn Theme 15.4.0. I can not delete anything from my cart. I would add some code, but since reference names within codes seem to change based on updates, it’s quite difficult to follow the naming convention.

I would like some code, to help in this situation. (This is a basic feature that items should be subtracted from a cart, after being added.) There have been cart errors since 2022/2023, and I would use those codes if the naming convention had not changed over the years. To my knowledge, Shopify gets a percentage of what we make off the website, so having a functioning cart seems pretty important for all of us.

@phiacollective @Moeed @tim_1

site is Your Shopping Cart – Document Quality (Chemistry, Manufacturing, and Controls)

It is appreciated.

Hey @lucnorth84

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
cart-remove-button .icon-remove {
    color: #55654B !important;
}
</style>

NOTE: Your cart button works completely fine, just wasn’t visible
RESULT:


If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like

I’d suggest adding this into “Custom CSS” of the cart page “Items” section:

cart-remove-button .button {
  --color-button-text: var(--color-foreground) / 0.7;
}

This color, is however controlled by the “Outline button” color of the color scheme, so, technically, you do not need to apply any code (unless this color was selected intentionally).

1 Like

Hey @phiacollective,

I had a quick look at your site and it seems there’s a JavaScript error in your theme files that kicks in when the delete items button is clicked. Most likely, it’s coming from your cart.js file.

If you’d like, I can fix this for you free of charge, just drop me a DM and I’ll sort it out.

Cheers,
Shubham | Untechnickle

1 Like

@Moeed Thank you! Would never have thought of that. Awesome service!

1 Like

@tim_1 Thanks for the advice.