How Loto Cart runs on your store
Loto Cart replaces your theme’s cart with its own slide-out cart drawer. It runs as an app embed, so no theme files are edited and there is no code to paste.
Once the embed is on, the drawer opens when a shopper clicks the cart icon and right after anything is added to the cart. Your theme’s own cart drawer is hidden while Loto Cart is active.
Install the app
Install Loto Cart from the Shopify App Store, then open it from the Apps section of your Shopify admin. The app opens on its Home page, which walks you through setup in three steps:
- Enable the cart drawer in your theme.
- Make it match your brand.
- Turn on your first feature.
Activate the app embed
Until the app embed is switched on in your live theme, shoppers keep seeing your theme’s original cart. The Home page shows a Loto Cart activation required badge while it is off.
- On the Home page, click Activate Loto Cart (or Open editor in step 1). Your theme editor opens in a new tab with the Loto Cart app embed ready.
- Switch Loto Cart on and save the theme.
- Go back to the Loto Cart tab. The badge changes to Loto Cart active without a reload.
Fonts: the drawer uses a font you pick in the theme editor, under the Loto Cart app embed’s Drawer font setting. The app’s Settings page shows which font is in use.
Set it up on a draft theme first
Want to try Loto Cart before shoppers see it? Open Settings in the app and use the theme picker under Cart Drawer Enable. Pick any of your themes, including unpublished ones, to see whether the embed is on there and to open that theme’s editor.
The badge on the Home page only looks at your live theme, because that is the one shoppers see.
Check that the drawer is live
Open your store in a new window and add any product to the cart. The Loto Cart drawer should slide in from the right. Clicking the cart icon in your header opens it too.
If you still see your theme’s old cart, check that the embed is switched on in the theme that is currently published, and that you saved the theme after switching it on.
Turn on your first feature
Open Features in the app. Every feature has its own on/off switch and a page with its settings, grouped into Cart essentials, Sell more, Discounts & deals, Shopper tools and Progress bars & urgency. Only the discount code field is on by default. Everything else is up to you.
A good first step for most stores is the free shipping bar. Before that, you may want to match the drawer to your brand.
