Cấu hình Cài đặt Chủ đề Toàn cục

Trong Shopper App, bạn có thể cấu hình các thiết lập thiết kế toàn cầu cho ứng dụng của mình trên trang Theme Settings. Tại đây, bạn có thể chọn giao diện mặc định của ứng dụng, chọn kiểu hiển thị cho thẻ sản phẩm và thanh điều hướng dưới cùng, cũng như bật phản hồi xúc giác.

Truy cập trang Theme Settings 

Từ bảng quản trị SHOPLINE của bạn, đi tới Apps > Shopper App > App Design và nhấp vào nút Design để truy cập trình chỉnh sửa thiết kế. Ở thanh bên trái, nhấp vào biểu tượng hình lục giác (Theme settings) để bắt đầu cấu hình chủ đề của bạn.

Chế độ hiển thị

Bạn có thể bật Chế độ tối (mặc định tắt) trong phần Màu sắc. Khi bật, hãy đặt chế độ hiển thị mặc định cho người dùng khi họ mở ứng dụng. Bạn có thể chọn từ các tùy chọn sau:

• Theo cài đặt mặc định của hệ thống người dùng
• Hiển thị Chế độ sáng
• Hiển thị Chế độ tối

Danh sách sản phẩm

Nhấp vào phần Danh sách sản phẩm để cấu hình các thiết lập hiển thị cho danh sách sản phẩm trên toàn ứng dụng. Các thiết lập này sẽ áp dụng cho các thành phần Bộ sưu tập và Sản phẩm trên trang chủ của ứng dụng, cũng như cho kết quả tìm kiếm, đề xuất sản phẩm, đề xuất trong giỏ hàng và các trang danh sách yêu thích. Bạn có thể tùy chỉnh các thiết lập sau:

• Chọn giữa Lưới cố định hoặc kiểu hiển thị Thác nước.

• Bật Xem trước bộ sưu tập để cho phép khách hàng vuốt hình ảnh sản phẩm sang trái hoặc phải trong danh sách sản phẩm để xem trước nhiều hình ảnh.

  Lưu ý:  Xem trước bộ sưu tập áp dụng cho danh sách sản phẩm trong Ứng dụng, bao gồm trang bộ sưu tập, kết quả tìm kiếm và danh sách đề xuất sản phẩm. Tương tác vuốt không khả dụng trong bản xem trước quản trị. Mỗi sản phẩm hỗ trợ xem trước tối đa 9 hình ảnh (hình chính cộng với hình trong bộ sưu tập).

• Bật hoặc tắt hiển thị Tên sản phẩm.
• Bật hoặc tắt hiển thị Tóm tắt sản phẩm.
• Bật hoặc tắt hiển thị Đánh giá sản phẩm.
• Chọn có hiển thị nút thêm nhanh hay không.
• Bật hoặc tắt hiển thị Biểu tượng danh sách yêu thích.

Thẻ sản phẩm 

Nhấp vào phần Thẻ sản phẩm để cấu hình các cài đặt hiển thị cho thẻ sản phẩm của bạn. Các tùy chọn sau có sẵn:

• Đặt tỷ lệ hình ảnh sản phẩm.
• Chọn phương thức hiển thị giá và bật hoặc tắt hiển thị giá so sánh.
• Bật hoặc tắt thẻ sản phẩm và chọn vị trí thẻ.
• Tùy chỉnh kiểu huy hiệu và chọn vị trí của nó.
• Bật hoặc tắt tính năng Mua ngay để cho phép khách hàng mua sản phẩm trực tiếp từ trang chi tiết sản phẩm và bảng thêm nhanh vào giỏ hàng, đồng thời đặt thứ tự nút: 
  • Thêm vào giỏ bên trái và Mua ngay bên phải 
  • Mua ngay bên trái và Thêm vào giỏ bên phải

Mẫu màu

Phần Mẫu màu cho phép bạn kiểm soát cách các tùy chọn màu sản phẩm được hiển thị trên toàn bộ ứng dụng của bạn, bao gồm cả danh sách sản phẩm và trang chi tiết sản phẩm. Các cài đặt này giúp đảm bảo trải nghiệm hình ảnh nhất quán và rõ ràng khi khách hàng duyệt các sản phẩm có biến thể màu sắc.

Nhấp vào phần Mẫu màu để cấu hình các cài đặt sau:

• Tỷ lệ hình ảnh sản phẩm: Chọn hình dạng của mẫu màu được hiển thị trên thẻ sản phẩm và trang chi tiết sản phẩm:
  • Hình vuông
  • Hình tròn
  • Theo hình ảnh sản phẩm (kế thừa hình dạng hình ảnh sản phẩm)
• Danh sách sản phẩm – kích thước mẫu màu: Chọn kích thước của mẫu màu được hiển thị trên các trang liên quan đến danh sách sản phẩm, chẳng hạn như bộ sưu tập và kết quả tìm kiếm. Bạn có thể chọn từ các kích thước có sẵn (S, M, L) để thiết lập nhanh, hoặc chọn Tùy chỉnh để định nghĩa kích thước phù hợp hơn với nhu cầu thiết kế của bạn.
• Chi tiết sản phẩm – kích thước mẫu màu: Chọn kích thước của mẫu màu được hiển thị trên trang chi tiết sản phẩm. Bạn có thể chọn từ các kích thước có sẵn (S, M, L) để thiết lập nhanh, hoặc chọn Tùy chỉnh để định nghĩa kích thước phù hợp hơn với nhu cầu thiết kế của bạn.

Các thay đổi được thực hiện trong phần này sẽ được phản ánh ngay lập tức trong bảng xem trước, cho phép bạn chuyển đổi giữa chế độ sáng và tối để xem lại giao diện cuối cùng trước khi xuất bản.

Phong cách thiết kế

Trong phần Phong cách thiết kế, bạn có thể áp dụng hiệu ứng bo góc cho các thành phần sau:

• Các góc của thành phần
• Các góc của hình ảnh sản phẩm
• Các góc của nút bấm

Thanh điều hướng dưới cùng

Trong phần Thanh điều hướng tab dưới cùng, chọn cách bạn muốn hiển thị thanh điều hướng dưới cùng: 

• Chỉ trên các trang chính (những trang được bật để xuất hiện trên thanh điều hướng)
• Trên tất cả các trang trước khi thanh toán

Phản hồi Haptic

Bật Phản hồi Haptic để cung cấp cho khách hàng các rung động xúc giác khi họ thực hiện các hành động cụ thể, chẳng hạn như thêm sản phẩm vào túi mua sắm hoặc danh sách yêu thích.

Cài đặt Trải nghiệm

Mục Cài đặt Trải nghiệm cho phép bạn cấu hình các hành vi tương tác trên trang chi tiết sản phẩm, bao gồm cách hiển thị phản hồi khi thêm vào giỏ hàng và việc bật hay tắt các hiệu ứng hoạt hình biểu tượng giỏ hàng. Các cài đặt này giúp tối ưu hóa trải nghiệm người dùng tổng thể.

Cài đặt Phản hồi Thêm vào Giỏ hàng

Bạn có thể chọn cách thông báo cho khách hàng sau khi họ thêm sản phẩm thành công vào giỏ hàng:

• Thông báo cổ điển: Hiển thị một thông báo nhẹ nhàng không làm gián đoạn trải nghiệm duyệt web.
• Hoạt hình sống động: Hiển thị hoạt hình khi sản phẩm được thêm vào giỏ hàng để tăng tính tương tác. Nếu trang hiện tại không hỗ trợ hoạt hình này, hệ thống sẽ tự động chuyển sang Thông báo cổ điển.
• Hộp thoại xác nhận: Hiển thị một cửa sổ xác nhận và hướng dẫn khách hàng đến bước tiếp theo (chẳng hạn như đi đến giỏ hàng).

Chọn tùy chọn phù hợp nhất với nhu cầu cửa hàng và trải nghiệm người dùng mong muốn của bạn.

Cài đặt Hoạt hình Biểu tượng Giỏ hàng

Khi Hoạt hình biểu tượng giỏ hàng được bật, biểu tượng giỏ hàng sẽ hiển thị hoạt hình sau khi sản phẩm được thêm vào giỏ, cung cấp phản hồi hình ảnh rõ ràng hơn.

Bạn có thể sử dụng công tắc để bật hoặc tắt tính năng này.