Adding a 'remove button' to the cart summary in checkout

Design help Ecommerce
1

Hey all!

I’m wondering if there is a way to create a ‘remove’ button in the Checkout page under each item in the cart summary.

I already have ‘remove’ buttons in the cart. I just want people to be able to edit their cart from the checkout page as well.

I’m new to all this, not even a week in, so if you could please keep things as simple as you can when explaining, it would be greatly appreciated.

Any hints? Here’s the site.

Thanks in advance.

Here is my site Read-Only: [LINK](Webflow - EcoCafe)
(how to share your site Read-Only link)

2

Any updates on this?

I agree it’s common functionality to remove an item from the order summary/checkout page.

(I’m thinking my only solution is to provide links in the order summary box to return to the product page and remove from cart, but that isn’t good UX; EDIT - that also means duplicating the slug field on products and updating every product in order to link to a product page from the checkout page)

3

You can do this with an Embed and some custom JavaScript code. Not too challenging if you have a bit of patience.

4

Thanks for replying. There isn’t “remove” functionality on the checkout page, and there is no access to the cart there either, so what would the JS be doing?

EDIT

Do you mean to setup the cart on own page, ajax or iframe the page over as hidden, and click the hidden remove + refresh page?

5

Do you mean something like this @FlowingFlow? Add a few items, and then go to the checkout page. You can remove any items in the “Items in Order” section using the “Remove” link. I assume that’s what you guys are referring to?

6

Nice, that’s the desired functionality.

From console inspect it looks like you’re using the cart remove button. I’m not sure best way to get it there as you have.

7

Add a Custom Code control to the bottom of the checkout page and add the code there for it. Then you can tweak it as needed.

8

If you’re not opposed to sharing, could you elaborate a bit more to help folks who might be trying to build this who aren’t pros? You are pulling the shopping cart from another page into the checkout page with custom code, but roughly what is the code doing? (.e.g Did you setup a standalone page with the cart and you’re ajax-ing it in? maybe there’s an easier way?)

9

Would creating a library for the solution help? I’m open to sharing it other ways too, if you have any suggestions. Webflow Library seems like the best option though.