Most Important Module

Product Management

This page is the heart of your inventory. From here you can add products, update products, control stock visibility, apply tags, export product data, and manage product status.

What You Can Do Here

  • Create a new product with image, price-related details, category, brand, and unit.
  • Edit product information at any time.
  • Search products quickly by name or SKU.
  • Filter by category, brand, demand tag, and status.
  • Set products as active/inactive.
  • Delete one product or multiple products.
  • Export product list to CSV, copy to clipboard, and print barcodes.

Page Layout (Simple Guide)

  1. Top search bar: Type product name/SKU to find items quickly.
  2. Filter icon: Open advanced filters (category, brand, status, demand tag).
  3. Action buttons: Export, copy, barcode print, and add product.
  4. Product table: Shows image, name, SKU, type, category, brand, stock, and status.
  5. Pagination: Move between pages when you have many products.

How To Add a Product

  1. Go to Product Setup > Products.
  2. Click Add.
  3. Fill basic details: Name, SKU, Category, Brand, Unit, VAT, status.
  4. If needed, enable and set: Variants, segments, demand tags, and stock visibility label.
  5. Add description and upload/take product image.
  6. Click Create Product.

How To Edit a Product

  1. Find your product from the list.
  2. Click the Edit icon in the Actions column.
  3. Update needed fields.
  4. Click Update Product.

Field Meanings (User Friendly)

Field Meaning
Product NameThe display name customers and staff see.
SKUYour unique internal product code.
CategoryProduct group (for filtering and reports).
BrandManufacturer or brand name.
UnitMeasurement unit (Piece, Box, Kg, etc.).
VariantOptions like Color, Size, RAM, Storage.
SegmentExtra custom labels for organization.
Demand TagsLabels like fast moving/seasonal to classify demand.
Stock VisibilityChoose if buyers can see stock amount.
StatusActive products are usable in operations; inactive are hidden from normal flow.

Bulk Actions

  1. Select products from the checkbox column.
  2. Use: Set Active, Set Inactive, or Delete.
  3. Confirm the popup message to apply changes.

Export and Barcode

  • Excel/CSV Export: Download selected/all product rows.
  • Copy: Copy product table data to clipboard.
  • Barcode Print: Print barcodes for selected products.

Common Problems and Fixes

Problem Reason Solution
Cannot save productMissing required fieldsFill name, SKU, category, brand, and unit first.
SKU errorSKU already existsUse a different SKU.
Variant step errorDuplicate or incomplete variant rowComplete each row and avoid duplicates.
Sales channel errorTotal percent above 100Keep total at 100 or below.
Image not uploadingInvalid type/sizeUse jpg, jpeg, png, webp, or gif and smaller image size.
Stock looks lowerReserved stock for bundles is deductedCheck bundle reservations and stock movement.

Best Practice for Daily Use

  • Use a clear SKU rule (example: category + serial).
  • Always assign correct category and brand for accurate reports.
  • Use demand tags consistently for better planning.
  • Keep inactive products instead of deleting if you need history.
  • Run quick export weekly as a business backup habit.

Technical Note (For Admin/Developer)

This documentation page is based on the actual implementation in:

  • frontend-source/src/pages/product-setup/products/Products.jsx
  • frontend-source/src/pages/product-setup/products/components/ProductAddForm.jsx
  • frontend-source/src/pages/product-setup/products/components/EditProductModal.jsx
  • frontend-source/src/api/products.js
  • app/Http/Controllers/Api/ProductController.php
  • app/Services/Api/ProductControllerService.php

Screenshots

Product Management
Product management screen