Quick Access
Quick Access is a desktop-style launcher screen: every page you can access is shown as an icon, and clicking one opens it in a floating window on top of the launcher instead of navigating away — so you can have several pages open side-by-side.
Overview
Quick Access mirrors the exact same menu structure as the sidebar (grouped into the same sections: Billing, Products, Stock, Money, Reports, etc.) but presents it as clickable icon tiles, similar to a phone home screen or a Windows desktop.
Opening an icon does not navigate the browser away from Quick Access — it opens that page inside a floating, draggable window with its own minimize and close buttons, and a taskbar entry at the bottom for anything you have minimized.
You can build a personal "My Menus" shortlist of the pages you use most, so you do not have to hunt through every section each time.
Before You Start
- A tile only appears if your role already has access to that page — Quick Access does not grant any new permissions, it is purely a faster way to reach pages you already have.
- Feature-gated or plan-tier-gated pages (e.g. Advance Booking, Gift Cards on higher tiers) are hidden the same way they are in the sidebar.
Step-by-Step Guide
1 Open a page as a floating window
- Click any icon tile — its page opens as a window layered on top of Quick Access.
- Drag the window by its title bar to reposition it; use the minimize button to send it to the taskbar strip at the bottom without closing it.
- Open more tiles to stack multiple windows at once (e.g. Products in one window, Customers in another) and switch between them from the taskbar.
- Click the close (✕) button on a window's title bar to shut it completely.
2 Pin pages to My Menus
- Drag an icon tile onto the "My Menus" area (or use the pin action if shown) to add it to your personal shortcut list.
- Your My Menus list is saved to this browser/device (stored locally) so it persists between logins on the same computer.
- Reorder pinned tiles by dragging them — the new order is saved immediately.
Every Field & Button, Explained
| Field / Button | What it does |
|---|---|
Section tabs | The same groupings as the sidebar (Sell/Billing, Products, Stock/Godown, Money & Accounts, Reports, Staff, Online Channels, Admin) — click a section header to expand or collapse its tiles. |
My Menus | A personal, drag-and-drop reorderable shortlist of pinned pages, stored per-device in the browser's local storage. |
Window taskbar | A strip along the bottom listing every window you have minimized; click an entry to bring that window back to the front. |
Minimize / Close buttons | Every open window has its own minimize (send to taskbar) and close (discard) controls in its title bar, just like a desktop OS window. |
Tips & Best Practices
- Pin the 5-6 pages you touch every shift (e.g. Sales, Customers, Inventory) to My Menus so your first click each day is always in the same place.
- Use multiple floating windows when cross-referencing — for example keep Inventory open in one window while checking Purchase Orders in another, without losing your place in either.
Troubleshooting & FAQ
A page I use is missing from Quick Access.
My pinned My Menus list disappeared.
🧑💻 Developer Notes
Source component(s):
frontend-app/packages/pos-react-lib/src/pages/QuickAccessPage.jsx
Reuses the same BAZAAR_POS_SECTIONS menu manifest from navItems.jsx as the sidebar, filtered through the same isFeatureOn / isTierAtLeast / role-permission checks, so it can never surface a page the sidebar itself would hide. "My Menus" state persists to localStorage (key ending in MY_MENUS_KEY); floating windows are plain React state, not separate routes, so they do not affect the browser URL or history.