Theme Editor: Advanced

The Advanced settings on the POS Cafe Online block (the theme editor block for the POS Cafe online ordering menu) handle checkout compatibility and custom styling. Most stores only need the first one.

Hide theme cart icon (recommended)

On by default. This hides your theme’s own cart icon on the ordering page so customers check out through the app cart. That’s important: the app cart is what applies order details (modifiers, order type, table, scheduling) to the order.

It works automatically with the free Shopify themes (Dawn, Horizon and family).

Caution

If your theme’s cart icon still shows, customers could bypass the app cart and lose their order details. Use the option below to hide it.

Additional cart selector (advanced)

Appears when Hide theme cart icon (recommended) is on. If your theme’s cart icon isn’t hidden automatically, enter a CSS selector for it (for example, .site-header__cart). If you’re not sure of the selector, your theme developer or our support team can help.

Custom CSS

Add your own CSS to fine-tune the look of this block. Use sparingly: most styling is better handled by the Colors and Layout settings, which stay consistent across updates.

Use only POS Cafe’s supported CSS variables and pc- hook classes. Always scope selectors to .poscafe-app.poscafe-app, and avoid generic theme classes such as .modal-content that can affect unrelated components.

See the Custom CSS Reference for the complete supported class list, examples, and troubleshooting guidance.

Debug information has moved

The Show debug information setting is no longer on this block. It’s now in the POS Cafe app under Settings → General Online Ordering Settings → Troubleshooting. See General Online Ordering Settings.