# Product Management

Lưu thông tin của sản phẩm

# UI Design

Popup Add New Product Variants (opens new window).

# Specification

Main UI

Popup Add New Product Variants UI

# Table VariantGroups

id name
1 Size
2 Color
3 Type

# Table Variants

id variantGroupId Name
1 1 M
2 1 L
3 2 Red
4 2 Yellow
5 3 Logo
6 3 Not Logo

# Table VariantTemplateTypes

id name
1 Size
2 Color
3 Type
4 Size-Color
5 Size-Color-Type

# Table VariantTemplates

id variantTemplateTypeId variantGroupId
1 5 1
2 5 2
3 5 3

# Table VariantValues

id variantTemplateTypeId variantId
1 5 1|3|5
2 5 1|4|5
3 5 1|3|6
4 5 1|4|6
5 5 2|3|5
6 5 2|4|5
7 5 2|3|6
8 5 2|4|6

# Table ProductsVariants

id producId variantValuesId price stock SKU
1 1 1
2 1 2
3 1 3
4 1 4
5 1 5
6 1 6
7 1 7
8 1 8
  • Ui chia làm 2 phần:
    • Phần trên: để add thêm thuộc tính mới. Với mỗi loại thuộc tính có thể add thêm nhiều sự lựa chọn
    • Phần dưới: là danh sách các tổ hợp có thể xảy ra. Nếu sản phẩm ko tồn tại tổ hợp nào thì click "Enable" tổ hợp đó
  1. [Button] "Add New Variant": Thêm 1 dòng thuốc tính bao gồm 2,3,4,5.
  2. [Combobox] VariantGroup:
  • Cho phép chọn loại Variant đã được setting trước tại -> Products->Settings -> Variants hoặc thêm 1 Variant mới của riêng sản phẩm đó
  • Nếu là Variant chọn từ Setting thì ko hiển thị mục 4,5
  1. [Input] Variant: Nhập Variant nếu đó là VariantGroup mới
  2. [Button] Delete Variant: xóa Variant nếu đó là VariantGroup mới
  3. [Button] Add Variant: Thêm 1 Variant nếu đó là VariantGroup mới
  4. [Checkbox] Enable: Nêu tổ hợp đó ko phù hợp với sản phẩm
  5. [Lable] Variants
  6. [Lable] Variants
  7. [Input] Price: mặc định hiển thị giá của sản phẩm đã nhập ở "General Tab" và edit lại nếu có thay đổi giá theo màu (Price ở "General Tab" = 0) hoặc giảm giá theo màu (% dựa theo chênh lệch giá giữa Price ở "General Tab" và Price ở "Variants tab" ).
  8. [Input] Stock: mặc định hiển thị số lượng còn lại của sản phẩm đã nhập ở "General Tab" . Nếu có thay đổi thì Stock ở "General Tab" = 0
  9. [Input] Mã Sản phẩm: Nếu mỗi sản phẩm theo từng Variant có mã khác nhau

# Update v1.0 [datetime]