Mini Cart Panel

About this block

Mini Cart Panel is the slide-over cart as a standalone section, a right anchored panel with compact line items, a shipping inclusive total, and both exits given equal standing, check out and keep shopping. Rendering it as a block lets you preview and restyle the panel without wiring the sheet behavior first.

Items are one array. In production, mount this layout inside a sheet or drawer component triggered from the navbar cart.

When to use

Reach for this block as the add to cart response on stores where interrupting browsing with a full cart page costs sales. The keep shopping button matters as much as checkout, mini carts exist to not end the session.

A natural flow around it on an Ecommerce Pro page:

Before

• Store navbar whose cart icon opens it

After

• Checkout for the committed path
• Product grids for the other one

What you can display

One strong use is the two item panel after an add. Other panels:

• With gap meter. The free shipping bar from the progress cart, compressed.
• With one suggestion. A single goes with row under the items.
• Saved panel. The wishlist as the same panel shape.

Tip: total, shipping included as one label kills the what will this really cost hesitation right inside the panel.