Shopify Cart

Shopify Cart is a drop-in Shopify cart for Framer. Add products, open a cart drawer, and send shoppers to a real Shopify checkout. No Shopify app, no Storefront API token and no backend.

It works with your own store. Paste your store domain once, give each product its Shopify Variant ID, and the cart builds a standard Shopify cart link at checkout. Your products, prices, discounts, shipping and payments all stay in Shopify.

What you get

• Add to Cart button: bind it to CMS fields (variant ID, title, price, image, options) so every product page in a collection gets a working button.

• Cart button with a live item count for your navigation.

• Cart drawer with quantity steppers, remove, subtotal and a clear empty state.

• Three drawer styles: Clean, Receipt and Garment bag, plus full colour, font and radius controls.

• Free-shipping progress bar and an optional discount-code field passed to checkout.

• The cart is saved in the browser, so it survives page changes and return visits.

• Currency and locale formatting, keyboard support, focus states and reduced-motion support.

Who it is for

Ideal for Framer ecommerce sites, product launches, merch stores, small brands and designers who build on Framer but sell through Shopify.

What is included

You get the full remix project: the components, a styled demo store, and a step-by-step How to use page that shows where to find Variant IDs in Shopify, plus troubleshooting tips.