feat: enhance checkout page with cart empty state handling#2269
Merged
Maciej D (mdanilowicz) merged 2 commits intomainfrom Feb 4, 2026
Merged
feat: enhance checkout page with cart empty state handling#2269Maciej D (mdanilowicz) merged 2 commits intomainfrom
Maciej D (mdanilowicz) merged 2 commits intomainfrom
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
Contributor
There was a problem hiding this comment.
Pull request overview
Enhances the checkout page UX by integrating cart actions (remove/update quantity) and adding a dedicated empty-cart state so users can continue shopping when there’s nothing to check out.
Changes:
- Wired checkout cart interactions to
useCart()actions (removeItemById,changeProductQuantity) instead ofconsole.log. - Added empty-cart UI (message + “Continue Shopping” link) driven by
isEmpty. - Conditionally renders the checkout title and main checkout content only when the cart is not empty.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
vercel
Bot
temporarily deployed
to
Preview – shopware-frontends-docs
Maciej D (mdanilowicz)
requested review from
Björn Meyer (BrocksiNet),
Maciek Kucmus (mkucmus) and
Patryk Tomczyk (patzick)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request improves the user experience on the checkout page by adding empty cart handling and integrating cart management actions. The changes ensure that users are informed when their cart is empty and provide options to continue shopping, while also enabling item removal and quantity updates directly from the checkout interface.
Cart management integration:
changeProductQuantity,removeItemById, andisEmptymethods from the cart composable to enable direct cart manipulation on the checkout page (templates/vue-starter-template/app/pages/checkout/index.vue).handleRemoveItemandhandleUpdateQuantityto use the new cart methods for removing items and updating quantities, replacing previous console log statements (templates/vue-starter-template/app/pages/checkout/index.vue).Empty cart user experience:
isEmptyflag (templates/vue-starter-template/app/pages/checkout/index.vue).templates/vue-starter-template/app/pages/checkout/index.vue).