# What shoppers see in the cart

> A tour of the cart from top to bottom, and the article that covers each part of it.

Source: https://help.attravo.com/drawer-cart/articles/what-shoppers-see
Updated: 2026-10-06

The cart opens as a drawer from the side of the page when a shopper adds a product or taps your cart icon. Every part of it is set on Cart settings, and parts you have not turned on simply do not show.

![The cart drawer open over a store's home page on a computer](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/shopper-1-drawer-desktop-716da1cb7c.webp#w=2400&h=1500)

## From the top

### Announcement bar and header

An optional strip of text, then your logo or the cart title, and the number of items. See [Add your logo and an announcement](https://help.attravo.com/drawer-cart/articles/add-your-logo-and-an-announcement.md).

![The announcement bar, the logo and the item count](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/header-4-in-cart-5e1143985f.webp#w=1172&h=248)

### Reward bar

How far the shopper is from free shipping, a gift or a discount. See [Set up the free shipping bar](https://help.attravo.com/drawer-cart/articles/set-up-the-free-shipping-bar.md).

![The reward bar with free shipping earned and a free gift as the next goal](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/tiers-4-two-goals-f330677928.webp#w=1172&h=366)

### Cart lines

Each product with its variant, quantity and price, and the quantity break it is working toward. See [Set up quantity breaks](https://help.attravo.com/drawer-cart/articles/set-up-quantity-breaks.md) and [Give free gifts with an order](https://help.attravo.com/drawer-cart/articles/give-free-gifts.md).

![Two cart lines, each with a quantity break](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/shopper-2-lines-96cb0ad4c6.webp#w=1172&h=406)

### Offers

Products to add in one tap, with an optional discount. See [Recommend products in the cart](https://help.attravo.com/drawer-cart/articles/recommend-products-in-the-cart.md).

![Two offer cards, each 10% off, with Add buttons](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/offers-9-carousel-f4222f6b19.webp#w=1172&h=746)

### Extras

Add-ons such as gift wrap, questions like a delivery date, and an order note. See [Offer add-ons like gift wrap](https://help.attravo.com/drawer-cart/articles/offer-add-ons-in-the-cart.md), [Collect delivery dates in the cart](https://help.attravo.com/drawer-cart/articles/collect-delivery-dates-in-the-cart.md) and [Add an order note box](https://help.attravo.com/drawer-cart/articles/add-an-order-note-box.md).

![A gift wrap add-on, a delivery date and a city question, and the order note link](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/shopper-4-extras-916e78ad6f.webp#w=1172&h=558)

### Checkout area

A discount code box, the total, trust badges, the checkout button and payment icons, with an optional terms checkbox. See [Set up the total and checkout button](https://help.attravo.com/drawer-cart/articles/set-up-the-total-and-checkout-button.md).

![The discount code box, total, trust badges, checkout button and payment icons](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/shopper-5-checkout-e2cd286967.webp#w=1172&h=534)

## On phones

On a phone the drawer fills the screen, and the full cart page stacks into one column.

![The cart drawer and the full cart page on phones](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/mobile-1-drawer-and-page-2c941059c1.webp#w=2012&h=1672)

## The full cart page

If you choose **Drawer + full cart page**, your store's cart page shows the same cart laid out in two columns. See [Choose how the cart opens](https://help.attravo.com/drawer-cart/articles/choose-how-the-cart-opens.md).

![The full cart page with cart lines on the left and the reward bar, offers and checkout on the right](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/opens-4-cart-page-c6b70cb144.webp#w=2400&h=1693)