Make Uxify one of your go-to sources on Google
Add Uxify on Google
What is a Cart Preview (Mini Cart)?
A cart preview (also called a mini cart) is a compact view of the shopping cart that opens on top of whatever page the shopper is on. It lists the items and subtotal, with buttons for the full cart and checkout. No page load. Nobody loses their place.
It comes in a few shapes. On desktop it’s often a dropdown under the bag icon in the header. On phones it’s usually a slide-out drawer that covers most of the screen, or a small popup confirming the item just added. Shopify’s free Dawn theme offers a popup notification, a drawer or a plain cart page in its settings, and plenty of stores swap in a cart drawer app anyway.
Picture someone on an iPhone adding linen trousers in size M. The drawer slides in from the right with the trousers, a $74 subtotal and a bar saying they’re $6 away from free shipping. They grab a belt too, then check out from the drawer without ever seeing the cart page.
What this means for revenue
The mini cart shows up at the exact moment someone commits to buying. A good one confirms the add, so nobody taps “Add to cart” twice wondering if it worked, keeps the shopper browsing instead of dumping them on a separate page, and puts checkout one tap away. It’s also prime space for a free-shipping bar or one add-on, which makes it an easy place to nudge average order value. Stuff it with offers, though, and it becomes a billboard parked in front of the checkout button. Our cross-sell placement entry covers that trade-off.
Speed is the part stores forget. Most drawers are JavaScript: the tap sends a request, waits for the cart to update, then draws the panel, often while an upsell app and a free-gift app run scripts on the same tap. If that takes a second, the button looks dead. Shoppers tap again and end up with two pairs, or they leave. Google counts Interaction to Next Paint (INP) as good at 200 milliseconds or less, and a slow drawer can push the most important tap on your site well past it.
Drawers also break quietly. A theme update can leave the panel blank, and your order dashboard won’t say a word.
How Uxify helps
Reality measures INP from real visitors on every pageview, split by page and device, and detects JavaScript errors and broken interactions as they happen, so a drawer that stops opening on Android gets caught fast. Funnels shows the paths shoppers take to checkout and where they drop off. Ask Uxi can dig into both and point you at what to fix first. And INProve frees up the main thread right before an interaction, so the add-to-cart tap that opens the drawer gets handled first, with no code changes.
Cart Preview (Mini Cart) FAQs
Mini cart vs. cart page: which is better?
Most stores need both. The mini cart handles quick confirmation and fast checkout, and the cart page is where people edit quantities, enter discount codes and check shipping. Sending shoppers to the cart page after every add just slows down anyone buying more than one thing.
What should a mini cart include?
The basics: thumbnail, product name, variant, quantity controls, subtotal and an obvious checkout button. After that, maybe one extra, like a free-shipping bar or a single relevant add-on. Not five.
Why is my cart drawer slow?
Usually it’s too much JavaScript on one tap. The theme waits for the cart request to finish while several cart apps fire their own scripts, so check the interaction latency of your add-to-cart button with real-user data, then cut apps that do overlapping jobs.