The cart lets customers check and edit what they are about to buy. These examples include full pages and drawers, with different amounts of room for configurations, delivery information and optional extras. The order itself needs to stay clear in either format.
TRNK opens a dedicated cart after an addition. The item includes configuration and fulfilment details, quantity controls and seller instructions. The recorded page has no recommendation row, leaving room to review the furniture order before checkout.
For your store
Use a full page when the order contains details that deserve careful review.
CW&T divides its desktop cart into line items, expenses and total due. Variant names, quantity and removal stay with the product; checkout and shipping context sit with the total. Monospaced text continues the store's styling across this practical summary.
For your store
Separate item editing from the final financial summary.
FINEX provides both a drawer and a dedicated cart. The drawer confirms size, gifting and total, while the page offers a larger item table and express-checkout choices. Moving between the two should preserve the same selections and amounts.
For your store
Keep selections and totals identical between the cart drawer and full page.
GSI Outdoors opens a right-side panel with a thumbnail, title, price, quantity controls and estimated total. Shipping progress sits above the item and a small recommendation row below. The dimmed page behind it preserves the browsing context while the order is reviewed.
For your store
Start with a complete, readable order summary.
Heart Coffee Roasters includes an order-note prompt beside the summary and shipping progress. The drawer opens after the product is added. A field like this is useful only when the fulfilment team can act on the requests it invites, such as relevant preparation instructions.
For your store
Only request extra order information when someone will use it.
Athletic Brewing places a gift-message option alongside item controls, membership information and recommendations. The field opens when needed. Optional content still needs to leave the total and checkout easy to reach, especially on a small screen.
For your store
Make secondary tasks available without turning every order into a long form.
Jonathan Adler's recorded drawer includes the current order total in its checkout button. It has no recommendation row or shipping-progress display in that state. Any item edit needs to update that repeated total so the action continues to show the correct amount.
For your store
Put the current total beside the checkout action and update it after every edit.
Slowdown Studio groups Note and Shipping into expandable sections below the editable item. Recommended throws occupy a neighbouring pane with their own add buttons. The order and suggestions remain separate, with practical details close to checkout.
For your store
Group secondary cart tasks under explicit labels.
House of Spoils shows membership-savings information within a simple order summary. The recorded state has neither cross-sells nor shipping progress. The message needs to state the conditions behind the saving so a new customer can understand the displayed price.
For your store
Clarify the conditions behind a displayed saving.
DedCool shows an automatic fragrance gift as a free line item, with a tiered reward bar above. Sample selection and a travel-spray offer add further choices below. Clear grouping is needed to distinguish paid items, included gifts and optional additions in the busy panel.
For your store
Separate included gifts from optional additions, and explain the reward thresholds beside the order.
Dinosaur Designs includes shipping-estimate and discount-code sections in its drawer. Customers can inspect these before continuing to checkout. The recorded cart also requires terms acceptance, a separate step that needs a clear purpose if adopted elsewhere.
For your store
Make delivery costs and discounts easy to inspect before checkout.
Olli Ella has a neighbouring recommendation pane on desktop. Its mobile drawer concentrates on the order, keeping discount entry above the subtotal. The amount of secondary content changes with the available space so essential review controls remain accessible.
For your store
Keep order details and checkout easy to reach on small screens.
Appointed shows variant attributes with the price and quantity controls. Format or page layout can be the reason a customer chose the notebook, so those details need to remain readable. Shipping progress leads into the subtotal and checkout action.
For your store
Repeat the specific option that matters to the purchase.
Experiment lists a qualifying gift as a separate zero-price item. A bundle suggestion below has a different role: it is still optional. If an edit removes gift eligibility, the displayed gift and total need to update without leaving an unexplained item behind.
For your store
Distinguish what is included from what is merely being offered.
Tower 28 places a sample carousel below the purchased item, with an add action for each choice. Shipping progress is separate. The cart should also identify the chosen sample and make it easy to change, keeping the optional selection distinct from paid merchandise.
For your store
Make optional selections clear, limited and easy to revise.
Choose the space your orders need. A drawer can confirm a simple addition while leaving the product page in view. A full page has more room for configured items, several products or longer delivery explanations. FINEX offers both; TRNK gives configured furniture a full order page. Compare the complexity of those purchases with your own.
Keep the selected item, its options and quantity easy to read in either layout. Put gift messages or order notes near the relevant item or order details. The cart drawer examples show closer views of compact layouts, including how their contents change after an addition.
The cart is the place to review and edit an order before checkout. Give the checkout action a clear relationship to the total, and explain costs that are still calculated later. Jonathan Adler includes the total in its checkout button; Dinosaur Designs offers expandable cost information. Both address questions a shopper may have before continuing.
Test an empty cart, one item, several items and an unavailable item. Change quantities and remove a product. A gift should remain distinguishable from a paid addition, and a member price should explain its conditions. DedCool and Experiment show gifts as separate items. Do not let recommendations obscure the order the customer has already chosen.
Choose the space the order requires. A drawer can confirm a simple addition while keeping the browsing page in view. A full page gives complex configurations and longer orders more room. Some stores offer both.
Products, selected options, quantities, prices, total and the checkout action. Explain any remaining costs or recurring terms, and make changes and removal straightforward.
Only when the suggestions are relevant and leave order review easy. Distinguish them from included items and update the total clearly after an addition.
The cart lets customers review products, selected options and quantities before proceeding. Checkout collects the information needed to place the order, such as delivery and payment details. A drawer is another way to present the cart; it does not replace checkout.
List them separately from paid items and make their price clear. If a gift depends on an order condition, explain that condition and update the cart when the customer no longer qualifies. Customers should be able to tell what will actually arrive.
Give Fudge a goal and a reference. It suggests changes for your store, builds a draft in your Shopify theme and reports back. You review each change before it goes live.
See how the store editor works