Section Store Help CenterOpen Section Store
All collections›Section Store Plus➕›Cart drawer

Create a cart drawer from a screenshot

Upload a screenshot of a cart you like. AI matches its colors, blocks and layout in a new cart.

Updated November 4, 2026

Click Create from screenshot on the Cart Drawer page and drop in an image of a cart you like. AI matches its colors, blocks and layout in a new cart. Review it and click Save.

Before you start

  • Have a PNG, JPG or WebP screenshot, up to 8 MB. It can be your own store or another.
  • You can build a cart on any plan. Showing it to shoppers needs Section Store Plus.

Create the cart

  1. In Shopify admin, open Apps → Section Store → Cart Drawer.

  2. Click Create from screenshot. It sits next to Create cart drawer.

    Cart Drawer page with the Create from screenshot button highlighted.

  3. In Create cart drawer from screenshot, drop or choose your image.

    Create cart drawer from screenshot window with the drop area and the Create cart drawer button.

  4. Click Create cart drawer.

  5. The new cart opens on the AI assistant tab with "Match this screenshot style" and your image. Wait while the assistant works. It checks its result against your screenshot and fixes differences.

  6. Review the cart in the preview. Ask for changes in the same tab if you want them.

  7. Click Save.

Does it go live when I save?

  • With Plus, on your first cart: yes. Your first cart starts switched on, so saving it makes it live once the app embed is on.
  • On any later cart: no. It starts as Draft. Turn on its switch when you are ready.
  • Without Plus: no. It saves as off.

Tips

  • Clear screenshots of the full drawer work best. Cropped or blurry images are harder to match.
  • Check reward tiers and upsell products before you turn the cart on.
  • Only one cart can be Active at a time.

If it doesn't work

  • "We can't read that file. Use a PNG, JPG or WebP screenshot.": use one of those file types.
  • The page reloaded before the image arrived: attach the screenshot again on the AI assistant tab and send the prompt.
  • "You've reached today's cart assistant limit. It resets tomorrow.": try again tomorrow, or build the cart on the Settings tab.

Also searched as: cart drawer from screenshot, create cart drawer from screenshot, create from screenshot, screenshot to cart drawer, cart drawer from image, copy another store cart, cart drawer like another store, match screenshot, match this screenshot style, match layout, import cart design, upload screenshot, screenshot upload, png jpg webp, attach screenshot again, screenshot not attached, blurry screenshot, cropped screenshot

Did this answer your question?

Related articles

Offer a bigger pack or a subscription in the cart drawer
Add an Upgrade offers block. It shows a row under a cart line that swaps it for a bigger pack or moves it to a subscription.
Why wasn't the free gift added to the cart?
Check the tier's product, the counted amount, stock, the app embed and how the shopper checked out.
Why isn't my cart upsell showing?
No picks in the cart? Check the block, Shopify's recommendations, your rules and stock.
Why isn't my cart drawer opening?
Check the setup badge first, then work down the causes, most common first.
Why isn't free shipping applied at checkout?
Work through eight checks, from Plus and the live cart to shipping methods, discount codes and bundles.