Skip to content
Help Center

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.

Attravo TeamUpdated 1 min read
On this page

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

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
  1. 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

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.

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.

Was this helpful?