# Preview your cart as you edit

> See the cart with your own products while you change settings, as a drawer or a full page, at computer or phone width.

Source: https://help.attravo.com/drawer-cart/articles/preview-your-cart
Updated: 2026-10-06

**Live preview** sits beside your settings on Cart settings and redraws the cart as you edit, filled with your own products. Nothing reaches your store until you save, so you can try a change and throw it away.

![Cart settings with its sections on the left and Live preview showing the cart drawer on the right](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/preview-1-panel-fe97fac2e7.webp#w=2012&h=1636)

## Switch views

1. Select **Full page** to see your full cart page, or **Drawer** to go back to the slide-out drawer.

![The Live preview's view buttons, with Full page selected](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/preview-2-toggles-0ef318b57d.webp#w=920&h=204)

2. Select **Desktop** to see the page at computer width, scaled to fit, or **Mobile** to see it at phone width. The preview opens on **Mobile**.

![Live preview showing the full cart page at computer width, with Desktop selected](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/preview-4-full-page-294558fc1b.webp#w=920&h=936)

The drawer looks the same on **Desktop** and **Mobile**, since the preview is about as wide as a phone.

## Watch a change

Change a setting and the preview follows. Colors, fonts and corners change in place as you type; other settings redraw the cart a moment later, without a blank frame.

![Changing the Accent color and watching the preview follow](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/preview-3-live-update-580d08c48f.mp4#w=1996&h=1616)

As you scroll down Cart settings, the preview scrolls with you to the part of the cart the section in view changes, such as the offers or the checkout button.

## Save or discard

When anything has changed, a bar appears at the top of your Shopify admin.

1. Select **Save** to send your changes to your store.
2. Or select **Discard** to throw away every unsaved change on the page. It asks first, because it cannot be undone.

## Good to know

- The preview uses your store's own products. A store with no products yet shows sample ones.
- Wallet buttons such as Shop Pay and PayPal show on your store, not in the preview.
- Nothing you do in the preview, such as adding an offer, reaches your store or your analytics.