Browsing the catalogue

Table view

📷 Image placeholder

Add a screenshot here: the product list in table layout showing the columns, status badges, the filter bar, and a row’s View/Edit actions.

The product list is the main entry point to the catalogue, a paginated, sortable table showing:

• Product Code

• Name

• Type

• Make

• Model

• HSN

• Sorting and paging work column by column.

• Status badges are visually distinct for active, inactive, discontinued and replaced-by items.

• A row View action opens the full detail; Edit opens the item for editing.

• Add Product opens the creation form.

• Deleted items never appear; an empty list shows a create-item call-to-action.

Filtering

Filter by type, category / product group, status and business unit (Pump / Valve). The business-unit filter keeps the two businesses separate.

Card view

📷 Image placeholder

Add a screenshot here: the catalogue in card/grid layout, each card showing the product photo (or placeholder), code, name, make and category.

Switch to a card / grid layout for browsing by sight. Each card shows the product code, name, make and category/type, with an image or placeholder. Card view respects the same search and business-unit filter as the table, paginates, and adapts its column count to your screen. Your choice of table or card view is remembered for you.

Searching

🎬 GIF placeholder

Add a short animation here: typing a partial code or name in the search box and the list narrowing to matching items in real time.

Search finds an item fast:

• Match by full or partial name or product code.
• Matching also covers make, model, HSN, barcode and SKU, case-insensitively.
• Search stacks on top of active filters and resets to the first page on each query.
• An empty query restores the full list; no match shows a friendly empty state, not an error.

Exporting the list

📷 Image placeholder

Add a screenshot here: the Export button and its CSV/Excel choice, with the filtered list visible behind it.

Export the current list, respecting your active filters and search, as CSV or Excel.

• The header row is self-describing: code, name, make, model, HSN, type, category/group, classification flags, status and default unit of measure.
• An empty list still produces a valid header-only file.
• The filename includes the date and active filters.

Export is available to users who have permission to view items.

The item detail page

📷 Image placeholder

Add a screenshot here: an item’s detail page showing the header (name, code, status, last-modified time) and the row of tabs.

Opening an item shows a read-only detail page used by sales, production, procurement and stores. You can reach it from the product list and from the item pickers built into other screens (for example when adding a line to an order). The header shows name, code, status and last-modified time. Tabs cover basic info, classification, variants, components, consumables, attributes, document templates, integration mappings, pricing, stock (when inventory is enabled) and suppliers. An Edit button appears only for permitted roles, and optional tabs are hidden when their feature is turned off. Each tab loads when opened, and a breadcrumb returns you to the list.

If you open an item that belongs to another organisation, or one that has been deleted, you’ll see a clear “not found” message rather than any data.