Hệ thống quản lý sản phẩm của Tapato được thiết kế linh hoạt, cho phép người quản trị dễ dàng cấu hình từ thông tin cơ bản đến giao diện hiển thị và các biến thể của sản phẩm. Mọi thay đổi được thực hiện trong phần Thiết lập sản phẩm sẽ được hệ thống tự động đồng bộ đến tất cả các module đang sử dụng dữ liệu sản phẩm như Danh sách sản phẩm và Chi tiết sản phẩm, giúp việc quản lý trở nên thống nhất và tiết kiệm thời gian.

Thiết lập thông tin hiển thị sản phẩm

Tại mục Thiết lập sản phẩm, người dùng có thể cấu hình các thông số chung như:

• Thiết lập đơn vị tiền tệ.

• Chọn kiểu hiển thị hình ảnh sản phẩm.

• Cấu hình giao diện trang chi tiết sản phẩm.

• Thiết lập vị trí hiển thị các thành phần.

• Bật hoặc tắt các tính năng liên quan đến sản phẩm.

Nhờ cơ chế đồng bộ tự động, chỉ cần thay đổi một lần trong phần thiết lập, toàn bộ các module sử dụng dữ liệu sản phẩm sẽ được cập nhật ngay lập tức.

---

Thiết lập hiển thị hình ảnh sản phẩm

Tapato hỗ trợ nhiều kiểu hiển thị hình ảnh nhằm nâng cao trải nghiệm người dùng.

Người quản trị có thể lựa chọn:

• Hiển thị ảnh mặc định.

• Đổi ảnh khi di chuột vào sản phẩm.

• Hiển thị nhiều ảnh dưới dạng Slide (Carousel).

Để sử dụng chế độ Slide, chỉ cần thêm từ hai hình ảnh trở lên trong phần Sản phẩm, sau đó vào Thiết lập sản phẩm và lựa chọn kiểu hiển thị mong muốn. Khi đó, hình ảnh sẽ tự động chuyển thành dạng trình chiếu trên trang danh sách và trang chi tiết.

---

Thiết lập giao diện trang chi tiết sản phẩm

Mặc định, toàn bộ sản phẩm trên website sẽ sử dụng chung một mẫu giao diện chi tiết.

Trong trường hợp một nhóm sản phẩm cần có bố cục riêng, người dùng chỉ cần truy cập Thiết lập nâng cao, sau đó lựa chọn một Template khác để áp dụng cho các sản phẩm thuộc trang đó.

Ngoài việc sử dụng template chung, Tapato còn cho phép:

• Áp dụng template riêng cho từng trang sản phẩm.

• Áp dụng template riêng cho từng sản phẩm nếu cần.

Điều này giúp xây dựng nhiều phong cách trình bày khác nhau trên cùng một website mà không làm ảnh hưởng đến các sản phẩm khác.

---

Ba mẫu giao diện chi tiết có sẵn

Để giúp người dùng triển khai nhanh, Tapato đã tích hợp sẵn 03 mẫu giao diện trang chi tiết sản phẩm.

Mỗi mẫu được thiết kế theo một phong cách hiển thị khác nhau, phù hợp với:

• Website bán hàng.

• Website giới thiệu sản phẩm.

• Website catalogue.

• Website thương mại điện tử.

Người dùng chỉ cần lựa chọn mẫu phù hợp, hệ thống sẽ tự động áp dụng mà không cần chỉnh sửa mã nguồn.

---

Tùy chỉnh bố cục hiển thị

Tapato cho phép thay đổi vị trí hiển thị của từng thành phần trên trang chi tiết sản phẩm như:

• Đường dẫn điều hướng (Breadcrumb)

• Tên sản phẩm

• Đánh giá sao

• Giá bán

• Thương hiệu

• Danh mục

• Mô tả

• Thông tin liên hệ

• Nội dung mở rộng

• Và nhiều thành phần khác.

Các thành phần có thể được kéo thả hoặc thay đổi vị trí để phù hợp với bố cục của từng website.

---

Thiết lập vị trí và tỷ lệ hiển thị hình ảnh

Người dùng có thể thay đổi:

• Vị trí hiển thị hình ảnh.

• Tỷ lệ cột hình ảnh.

• Kích thước vùng hiển thị.

Lưu ý rằng thiết lập tỷ lệ cột ảnh chỉ có hiệu lực khi hình ảnh được đặt ở bên trái hoặc bên phải phần nội dung của trang chi tiết sản phẩm.

---

Hỗ trợ Bootstrap và Class tùy chỉnh

Tapato được xây dựng trên nền tảng Bootstrap phiên bản mới nhất, vì vậy người dùng có thể dễ dàng:

• Thêm CSS Class riêng cho từng thành phần.

• Điều chỉnh kích thước cột.

• Thay đổi bố cục theo Grid của Bootstrap.

• Xây dựng các giao diện hiển thị phức tạp.

Ngoài ra, hệ thống còn hỗ trợ tạo Ô chứa (Container) để nhóm nhiều thành phần lại với nhau, giúp việc thiết kế bố cục trở nên trực quan và linh hoạt hơn.

---

Thiết lập đánh giá và bình luận

Mỗi sản phẩm đều có hai tính năng mặc định:

• Đánh giá sản phẩm

• Bình luận sản phẩm

Người quản trị có thể:

• Bật hoặc tắt cho toàn bộ website.

• Bật hoặc tắt riêng từng sản phẩm.

Nhờ đó, việc quản lý nội dung tương tác trở nên linh hoạt hơn theo từng nhu cầu sử dụng.

---

Thiết lập thuộc tính hiển thị

Tapato cho phép người dùng tùy chỉnh việc hiển thị các thuộc tính trên:

• Trang danh sách sản phẩm.

• Trang chi tiết sản phẩm.

Điểm khác biệt cần lưu ý là:

Nếu tắt tùy chọn Hiển thị trang danh sách, thuộc tính đó sẽ chỉ bị ẩn trên các module danh sách sản phẩm.

Trong khi đó, trên trang chi tiết sản phẩm, thuộc tính vẫn tiếp tục được hiển thị đầy đủ để đảm bảo người xem có đầy đủ thông tin về sản phẩm.

---

Thiết lập biến thể sản phẩm

Một trong những tính năng mạnh mẽ của Tapato là hỗ trợ quản lý Biến thể sản phẩm (Product Variant).

Người dùng có thể tạo các biến thể dựa trên:

• Màu sắc

• Kích thước

• Loại sản phẩm

• Quy cách đóng gói

• Chất liệu

• Hoặc bất kỳ thuộc tính nào được tạo trong phần Thiết lập trường.

Sau khi khai báo các thuộc tính, hệ thống sẽ tự động hiển thị chúng trong khu vực Loại và Quy cách để tạo các tổ hợp biến thể.

Ví dụ:

Một sản phẩm Bút màu có thể được tạo các biến thể như:

• Hộp 12 màu

• Hộp 24 màu

• Hộp 36 màu

• Hộp 48 màu

Mỗi biến thể đều có thể thiết lập riêng:

• Giá bán

• Mã sản phẩm

• Thuộc tính

• Quy cách

• Thông tin hiển thị

Sau khi lưu, khách hàng sẽ dễ dàng lựa chọn từng biến thể ngay trên trang chi tiết sản phẩm.

---

Gán hình ảnh cho từng biến thể

Tapato còn hỗ trợ liên kết hình ảnh với từng thuộc tính hoặc từng biến thể.

Người quản trị chỉ cần nhập ID hình ảnh từ thư viện ảnh của sản phẩm để gán cho từng biến thể tương ứng.

Khi khách hàng lựa chọn:

• Màu sắc

• Loại sản phẩm

• Quy cách đóng gói

• Hoặc bất kỳ thuộc tính nào

hình ảnh trên trang chi tiết sẽ tự động thay đổi theo đúng lựa chọn, giúp người xem có trải nghiệm trực quan và dễ dàng nhận biết từng phiên bản của sản phẩm.

---

Kết luận

Hệ thống thiết lập sản phẩm của Tapato không chỉ đáp ứng các nhu cầu quản lý cơ bản mà còn cung cấp nhiều công cụ mạnh mẽ để tùy biến giao diện và trải nghiệm mua sắm. Từ việc cấu hình hình ảnh, lựa chọn template, sắp xếp bố cục, hiển thị thông số kỹ thuật đến quản lý biến thể và đồng bộ dữ liệu, mọi thao tác đều được thực hiện trực quan và linh hoạt. Điều này giúp người quản trị dễ dàng xây dựng những trang sản phẩm chuyên nghiệp, đồng thời mang đến trải nghiệm trực quan và thuận tiện hơn cho khách hàng khi tìm kiếm và lựa chọn sản phẩm trên website.