> For the complete documentation index, see [llms.txt](https://menudocs.nx8apps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://menudocs.nx8apps.com/footer-menu/cart-button.md). # Cart button When a footer bar item links to the cart, you can choose what tapping it does: * **Open the cart page** — the shopper goes to `/cart`, the same as any other link. * **Open your theme's cart drawer** — the bar clicks your theme's own cart button, so the drawer or popup your theme already uses slides open without reloading the page. The second option is the one most stores want. A shopper who is halfway down a collection page keeps their place instead of being sent to a separate page and having to come back. You'll find both under **Footer Menu → edit an item → Links to: Cart**. > The preview in the app can't show this. The preview is a picture of your bar, not a copy of your theme, so it has no drawer to open. Check it on your live storefront on a phone. ### It works with most themes on its own Leave **How to find your theme's cart button** on **Automatically** and the bar looks for your theme's cart control every time the item is tapped. It looks at what is actually on the screen at that moment, which matters because many themes ship a separate header for phones — the bar picks the one your shopper can see, not the one meant for desktop. Nothing breaks if it finds nothing. The item keeps its ordinary link to the cart page underneath, so the worst case is the behaviour you had before: the cart page opens. There is no dead tap. The same is true if your theme has no drawer at all, or if it doesn't respond — after a moment the cart page opens instead. ### When the drawer doesn't open Some themes build their cart button in a way that can't be recognised from the outside. If tapping the item takes shoppers to the cart page when you expected a drawer, point the app at the button yourself: 1. Set **How to find your theme's cart button** to **Point it at a specific button**. 2. Click **Pick it on my store**. Your storefront opens in a small window. 3. Move the pointer over your header. Anything you can pick is outlined in green; anything that isn't a button or a link is outlined in red. 4. Click your theme's cart button. The window closes and the field fills in. 5. **Save**.
The window that opens is phone-sized on purpose. Your bar only appears on phones, and if your theme has a separate mobile header, a button picked at desktop width would be one your shoppers never see. Pick the button in the header **as it looks in that small window**. Two things worth knowing while picking: * Aim at the cart button in your header, not at the icon drawing inside it. The picker snaps to the button around whatever you point at, so either works. * Your footer bar itself can't be picked. Pointing at it would make the item trigger itself. ### Typing the selector yourself The field takes any CSS selector, so if our support team sends you one, paste it in and save. For example, Shopify's Horizon theme uses: ``` .cart-drawer > button ``` If the selector is misspelled the app tells you while you type. If it is valid but matches nothing on your storefront, the bar quietly goes back to finding the button on its own, so a selector left over from a theme you no longer use can't break the item. ### After you change theme Selectors describe one theme's markup, so one written for your old theme usually means nothing in your new one. Set **How to find your theme's cart button** back to **Automatically** and try it — most themes need nothing else. Only reach for **Point it at a specific button** again if the drawer doesn't open.