Every registered customer in TRAX Store Management System receives an automatically generated barcode ID card and a comprehensive, itemized purchase history.
1. Opening the Customer Details Modal #
You can inspect full customer details in two ways:
- By clicking directly on the blue Customer ID chip in the table.
- By clicking the View Details (Eye) icon (
pi pi-eye) in the Actions column.
Visual Reference: Customer Details, Barcode & History Modal
(Upload and insert the generated customer_details_ui image here)
2. Comprehensive Profile Information #
The top card displays all verified customer credentials:
- Unique Customer ID: Unique numeric identifier (e.g.,
#1712345678). - Name, Phone & Email: Verified contact channels.
- Physical Address: Street, city, and postal code.
- Internal Customer Notes: Highlighted in an italicized quote box for cashier reference.
3. Customer Barcode Card Engine (CODE128) #
TRAX POS automatically transforms each customer’s unique ID into a scannable CODE128 Barcode:
- Live SVG Barcode: Displayed in the center of the barcode panel for instant scanning from phone screens or physical cards.
- Copy Customer ID (📋): Copies the numeric customer ID to your clipboard with a single click.
- Download Barcode (📥): Downloads the raw SVG barcode file to your computer for card printing.
- Print Barcode Card (🖨️): Opens a dedicated printable customer card layout featuring:
- Store branding and header.
- Customer full name and phone number.
- High-contrast scannable barcode ready for lamination or key fob stickers.
Cashier Checkout Scanning: Cashiers can scan this customer barcode using their handheld POS barcode scanner during checkout to instantly assign the sale to this customer!
4. Customer Invoice & Order History #
The bottom section displays all historical purchases completed by this customer:
- Unified Data Merging: Automatically merges completed invoices from both cloud server records and local offline checkout sessions.
- Invoice Table Columns:
- Invoice Number: Reference bill ID (e.g.,
#10452). - Date & Time: Exact transaction timestamp (
YYYY-MM-DD HH:mm). - Payment Method: Method used for payment (Cash, Credit Card, etc.).
- Total Amount: Grand total of the invoice in Euros (
€).
- Invoice Number: Reference bill ID (e.g.,
