Skip to content

Optimistic UI cart enhancement#358

Draft
scottyzen wants to merge 2 commits intomasterfrom
optimistic-ui-cart-enhancement
Draft

Optimistic UI cart enhancement#358
scottyzen wants to merge 2 commits intomasterfrom
optimistic-ui-cart-enhancement

Conversation

@scottyzen
Copy link
Owner

Cart Upgrade & Dedicated Cart Page

Enhances cart experience with instant feedback on updates and adds a full-featured cart page.

Key Changes

🎯 Optimistic UI

  • Cart items update instantly when quantities change
  • Buttons disable during server processing to prevent race conditions
  • Clear loading states with visual feedback

🛒 New Cart Page (/cart)

  • Responsive two-column layout with sticky order summary
  • Full cart management with detailed totals
  • Matches checkout page styling for consistency

✨ Enhanced Cart Drawer

  • Added "View Cart" button for easy navigation
  • Order summary displays subtotal, shipping, and discounts
  • Loading overlay during updates

🔧 Technical

  • Export optimisticPendingMutations from useCart() composable
  • New isCartUpdating computed property tracks pending operations

🌍 Internationalization

  • Added updating and viewCart translations across all 6 languages

@netlify
Copy link

netlify bot commented Feb 17, 2026

Deploy Preview for sleepy-chandrasekhar-717c3d ready!

Name Link
🔨 Latest commit 287fc02
🔍 Latest deploy log https://app.netlify.com/projects/sleepy-chandrasekhar-717c3d/deploys/6993b4789fc230000807218b
😎 Deploy Preview https://deploy-preview-358--sleepy-chandrasekhar-717c3d.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant