Giới thiệu

Trong phần Ecommerce, sản phẩm chỉ hiển thị đúng trên website khi được gán màu sắc, và mỗi màu có ít nhất 1 ảnh đại diện.Điều này đặc biệt quan trọng với theme thời trang (Fashion Theme), vì website sẽ hiển thị sản phẩm theo từng màu sắc cụ thể.

Truy cập vào trang Admin

Đầu tiên, bạn cần truy cập vào Admin tại cột menu các tính năng bên trái chọn mục Ecommerce → Các sản phẩm.Tại đây bạn sẽ thấy danh sách các sản phẩm.

Thêm mới sản phẩm

Tiếp theo, bạn chỉ cần nhấn vào nút thêm mới phía trên bảng danh sách và nhập các thông tin cơ bản của sản phẩm như:

✔ Tên sản phẩm ().Ví dụ: INA COTTON TWILL SKORT

✔ Mã sản phẩm (): Mã duy nhất cho sản phẩm.

✔ Mã vạch (nếu có)

✔ Ảnh biểu tượng / Ảnh bìa: Nhấn "Duyệt" để tải ảnh đại diện chính.

✔ Số lượng ().Ví dụ: 1000

✔ Loại tiền (): Chọn VND – USD – EUR...

✔ Giá gốc: Giá chưa giảm.

✔ Giá bán (Bao gồm thuế) ().Ví dụ: 1,400,000 VND

✔ Phần trăm chiết khấu.Ví dụ: 30%

✔ Cửa hàng (): Chọn Fashion (bắt buộc cho theme thời trang)

✔ Trạng thái: Chọn Đã xuất bản → để hiển thị trên website.

Ngoài ra, bạn có thể cấu hình thông tin vận chuyển & xuất hóa đơn (nếu cần) như: Kho chứa, Cân nặng, Kích thước, Các tags vận chuyển (Dễ vỡ, Chất lỏng…), Nhóm sản phẩm xuất hóa đơn – loại thuế – đơn vị → Không bắt buộc để hiển thị website, nhưng cần cho vận chuyển và hóa đơn.

Sau khi hoàn tất các thông tin về thêm sản phẩm mới, bạn nhấn nút Gửi đi để hệ thống lưu lại thông tin bạn vừa tạo.

Thiết lập màu sắc và hình ảnh để sản phẩm hiển thị trên website

Để sản phẩm hiển thị đúng trên website (đặc biệt với theme thời trang), bạn bắt buộc phải tạo màu sắc và gán ảnh cho từng màu. Website sẽ dùng các màu này để hiển thị chấm màu, đổi ảnh theo lựa chọn của khách hàng.

Thêm màu sắc cho sản phẩm

Tại trang chi tiết của sản phẩm, bạn cuộn xuống trang tìm đến mục Các màu sắc → nhấn Thêm mới. Hệ thống sẽ mở bảng "Thêm màu sản phẩm mới". Bạn chỉ cần chọn các thông tin như:

• Các màu có sẵn: Bạn có thể lựa chọn các màu có sẵn hoặc thêm một màu mới.
• Tên màu (). Là đường dẫn trên website, chúng tôi đề xuất bạn sử dụng chữ viết thường tiếng anh và dấu gạch ngang, ví dụ: hello-world.
• Tên hiển thị ().Ví dụ: “Màu kem”, “Đen”, “Be” – đây là tên xuất hiện trên website.
• Mã màu (HEX).Ví dụ: "#ffffff" → Website dùng mã này để hiển thị chấm màu lựa chọn.
• Số lượng sản phẩm của màu đó.Ví dụ: 1000, 2000,...

Sau đó, nhấn Thêm để tạo màu cho sản phẩm.

Thêm hình ảnh cho từng màu sắc

Sau khi đã tạo màu, bạn nhấn vào mã màu của mục màu vừa tạo để mở giao diện các đa phương tiện màu sản phẩm.Tại đây, bạn có thể tải lên ảnh trong phần thệm mới về ảnh mẫu mặc về màu sắc mà bạn có sẵn từ 2–5 ảnh cho mỗi màu tùy ý của bạn và lặp lại với tất cả các màu đã tạo.

Kiểm tra kết quả trên website

Sau khi hoàn tất, bạn truy cập vào trang website sẽ hiển thị đúng màu cho từng sản phẩm mà bạn tạo. Khi người dùng bấm chọn sản phẩm bất kì, toàn bộ ảnh của màu đó sẽ hiển thị tương ứng và kèm theo thông tin về giá, số lượng,...Nếu sản phẩm không có màu hoặc không có ảnh trong màu, sản phẩm sẽ không hiển thị đúng hoặc không xuất hiện trên website.

Lưu ý

✅ Mỗi sản phẩm phải có ít nhất 1 màu, mỗi màu phải có tối thiểu 1 ảnh

✅ Mã màu (HEX) ảnh hưởng đến hiển thị chấm màu

✅ Tên màu và tên hiển thị phải rõ ràng

✅ Ảnh nên đồng nhất về kích thước và nền

✅ Cửa hàng phải chọn đúng (Fashion cho theme thời trang)