Skip to content

Mini-Cart and Full Cart Page

A mini-cart is a small overlay or slide-out panel that appears after a shopper adds a product. It provides immediate confirmation and a quick path to checkout without leaving the current page.

About this path

Level
Intermediate
Reading time
About 4 minutes
Sections
3
Account needed
No

Written for store owners, builders, and designers refining high-performance ecommerce stores.

Foundation · 2 min

What you need to know

When is a mini-cart useful?

A mini-cart works well when a shopper is still browsing and wants confirmation that the item was added. It lets them return to shopping without navigating away. Keep it brief: product name, image, variant, price and a checkout button.

When does a full cart page serve better?

A full cart page helps when a shopper is ready to review everything before paying. It provides space to check the complete order, update quantities and see the estimated total before proceeding.

Can both be used together?

Yes. A mini-cart that appears immediately after adding, with a link to the full cart page, covers both moments. Test that the mini-cart does not obstruct the continue-shopping experience.

A quick store check

Add a product and confirm the mini-cart appears with the correct details. Open the full cart page and verify all items, quantities and an estimated total are visible. Test on a phone.

Foundation · 2 min

Frequently asked questions

Should the mini-cart open automatically?

Opening it immediately provides clear feedback, but make it easy to dismiss and return to the page. Do not let it block the main product content.

Where do I configure cart display options?

Use current cart and theme guidance, then test both mini-cart and full cart page on mobile and desktop before publishing.

Ready for the next stage?

Continue through the Academy sequence to apply advanced optimization and scaling techniques.

Start Advanced techniques