Thuộc tính sản phẩm

Giao diện tổng thể

• Màn hình danh sách hiển thị dạng bảng với các cột: ID, Tên hiển thị, Số tuỳ chọn, Loại thuộc tính, Tùy chỉnh hiển thị cho website, TT hiển thị.
• Mỗi hàng hiển thị thông tin thuộc tính và số lượng giá trị tùy chọn kèm danh sách rút gọn.
• Modal chỉnh sửa thuộc tính chứa form cập nhật thông tin: Tên hiển thị, Loại thuộc tính, Thứ tự hiển thị, cấu hình website.
• Modal quản lý giá trị thuộc tính hiển thị danh sách các giá trị và form chỉnh sửa inline với các trường: Tên tuỳ chọn, Mã màu (Hex), Metadata, Thứ tự hiển thị.

Trường dữ liệu

Thuộc tính sản phẩm

• Tên hiển thị (bắt buộc): Tên thuộc tính hiển thị trong hệ thống (VD: Màu sắc, Kích thước, Chất liệu).
• Loại thuộc tính (bắt buộc): Text thông thường hoặc Màu sắc.
• Thứ tự hiển thị: Số nguyên quyết định mức độ ưu tiên sắp xếp.
• Tên hiển thị ngoài website: Tên hiển thị trên website, để trống sẽ dùng Tên hiển thị.
• Cách hiển thị lựa chọn: Mặc định, Text, Hình ảnh + Text, Dropdown.
• Identifier (Định danh): Mã định danh kỹ thuật cho thuộc tính (VD: size, color).
• Ẩn tuỳ chọn bị disable: Ẩn các giá trị tùy chọn đang vô hiệu khỏi website.

Giá trị thuộc tính

• Tên tuỳ chọn (bắt buộc): Tên giá trị tùy chọn (VD: Hoa hồng, Xám đậm, 39, 45 cho thuộc tính Màu sắc).
• Mã màu (Hex): Mã màu hex cho giá trị của thuộc tính loại Màu sắc.
• Metadata: Thông tin bổ sung cho giá trị tùy chọn.
• Thứ tự hiển thị: Số nguyên quyết định vị trí sắp xếp trong danh sách giá trị.

Tạo mới thuộc tính sản phẩm

1. Truy cập menu Sản phẩm > Thuộc tính sản phẩm.
2. Nhấn nút Thêm góc trên phải.
3. Nhập Tên hiển thị và chọn Loại thuộc tính.
4. Thiết lập Thứ tự hiển thị và cấu hình hiển thị website (nếu cần).
5. Nhập Identifier và chọn Cách hiển thị lựa chọn.
6. Nhấn Lưu thông tin để tạo thuộc tính.
7. Sau khi tạo, mở modal quản lý giá trị để thêm các giá trị tùy chọn.

Chỉnh sửa thuộc tính sản phẩm

1. Tìm thuộc tính trong danh sách.
2. Nhấn nút Sửa để mở modal cập nhật.
3. Cập nhật thông tin thuộc tính trong form.
4. Nhấn Lưu thông tin để ghi nhận thay đổi.

Xóa thuộc tính sản phẩm

1. Tìm thuộc tính trong danh sách.
2. Nhấn biểu tượng Thùng rác ở cột hành động.
3. Nhấn Xác nhận để hoàn tất.

Quản lý giá trị thuộc tính

Sơ đồ thể hiện mối qua hệ giữa Sản phẩm, Biến thể, Thuộc tính và Giá trị thuộc tính.

Thêm giá trị thuộc tính

1. Mở modal chỉnh sửa thuộc tính.
2. Trong modal, mở phần quản lý giá trị thuộc tính.
3. Nhấn biểu tượng + hoặc nút thêm mới.
4. Nhập Tên tuỳ chọn (bắt buộc).
5. Nhập Mã màu (Hex) nếu thuộc tính loại Màu sắc.
6. Thiết lập Thứ tự hiển thị và Metadata (nếu cần).
7. Nhấn Lưu thông tin để hoàn tất.

Chỉnh sửa giá trị thuộc tính

1. Mở modal chỉnh sửa thuộc tính.
2. Trong danh sách giá trị, nhấn biểu tượng Chỉnh sửa (bút chì) ở giá trị cần sửa.
3. Cập nhật thông tin trong form inline.
4. Nhấn Lưu thông tin để ghi nhận thay đổi.

Xóa giá trị thuộc tính

1. Mở modal chỉnh sửa thuộc tính.
2. Trong danh sách giá trị, nhấn biểu tượng Xóa ở giá trị cần xóa.
3. Nhấn Xác nhận để hoàn tất.

Tìm kiếm – Sắp xếp

• Sắp xếp: Theo ID hoặc Tên hiển thị (tăng dần/giảm dần).
• Lọc: Hiển thị tất cả thuộc tính hoặc theo số lượng tùy chọn.

Trạng thái & hành vi hệ thống

• Thuộc tính loại Màu sắc hỗ trợ nhập mã màu hex cho từng giá trị và hiển thị swatch màu.
• Identifier dùng để tích hợp với hệ thống bên ngoài (VD: size, color).
• Ẩn tuỳ chọn bị disable: Khi bật, các giá trị vô hiệu không hiển thị trên website.
• Cách hiển thị lựa chọn ảnh hưởng đến giao diện hiển thị các giá trị trên website.
• Thứ tự hiển thị quyết định vị trí thuộc tính trong form sản phẩm và vị trí giá trị trong danh sách chọn.

Lưu ý – Giới hạn – Lỗi thường gặp

• Tên hiển thị thuộc tính không được để trống.
• Mỗi thuộc tính cần có ít nhất một giá trị tùy chọn để sử dụng trong sản phẩm.
• Không thể xóa thuộc tính đang được sử dụng trong sản phẩm.
• Identifier nên dùng chữ thường, không dấu, không khoảng trắng.
• Giá trị thuộc tính loại Màu sắc cần nhập mã màu hex hợp lệ.

Phân quyền

• Xem: Tất cả nhân viên.
• Tạo, Sửa, Xóa: Cần quyền Cài đặt sản phẩm.