Sinsunhan

Giao diện chính thức của Zittme dành cho cửa hàng thực phẩm · đồ dùng sinh hoạt. Được thiết kế để sản phẩm và chương trình khuyến mãi là nhân vật chính ngay từ màn hình đầu tiên, với màu xanh lá thông đậm và nền trắng ngà mang lại cảm giác tươi mới. Bố cục cùng các skin Thương mại · bảng tin · thành viên · tin nhắn · trung tâm thông báo · thông điệp · Đặt chỗ · zittme Pay · liên hệ · Hỏi đáp kiến thức được đồng bộ thành một bộ, nên ngay khi áp dụng giao diện, toàn bộ website sẽ chuyển sang cùng một ngôn ngữ thiết kế.

Website demo: shopdemo.zitt.me (với tài khoản quản trị demo, bạn có thể xem cả trang quản trị)

Trang chủ cửa hàng hoàn chỉnh mà không cần trang widget

Bố cục tự dựng trang chủ của website. Cấu trúc mặc định là slider hình ảnh → ô danh mục → ưu đãi trong ngày → chương trình khuyến mãi đang diễn ra → sản phẩm đề xuất → banner → bảng xếp hạng thời gian thực → sản phẩm mới → sản phẩm giảm giá → bài viết mới nhất của bảng tin, và bạn có thể bỏ bớt phần, đổi thứ tự hoặc đặt số lượng bằng trường lặp trong cài đặt bố cục. Ưu đãi trong ngày luân phiên mỗi ngày một sản phẩm trong nhóm có tỷ lệ giảm giá cao nhất, kèm đồng hồ đếm ngược đến nửa đêm. Nếu không đăng slide riêng, slider sẽ dùng lại banner của cửa hàng Thương mại.

Trang chủ cửa hàng và danh sách danh mục

Header có cấu trúc 3 tầng: thanh tiện ích · logo/tìm kiếm/trang của tôi/giỏ hàng/thông báo · menu danh mục. Mega menu toàn bộ danh mục tự mở rộng từ 3 đến 5 cột tùy theo số danh mục cấp 1. Màn hình danh sách đặt chip danh mục cấp 1 · cấp 2 cùng tìm kiếm · sắp xếp trên một dòng, và trên di động các chip chạy thành một dòng vuốt ngang. Thẻ sản phẩm không viền, lấy ảnh làm trọng tâm, đồng thời hiển thị thanh thêm vào giỏ · tỷ lệ giảm giá · giá sau giảm.

Chi tiết sản phẩm và tùy chọn tổ hợp

Hỗ trợ đầy đủ tùy chọn thường · tùy chọn bổ sung · tùy chọn tổ hợp (trục × trục). Tổ hợp hết hàng bị làm mờ và không thể chọn, và bạn có thể thêm nhiều tổ hợp cùng lúc. Bên dưới giá là một khối liền mạch gồm ưu đãi tích lũy · phí vận chuyển · hướng dẫn giao hàng/độ tươi/đổi trả, giúp nắm ngay mọi thông tin cần thiết để mua hàng.

Chương trình khuyến mãi

Khi tạo chương trình khuyến mãi trong trang quản trị Thương mại, nó sẽ tự động xuất hiện trên trang chủ cửa hàng và thẻ khuyến mãi ở trang chủ website. Banner có thể chọn giữa hình ảnh · màu đơn · màu chuyển sắc.

Bốn dạng bảng tin

Mỗi bảng tin có thể chọn dạng danh sách · thẻ · webzine · FAQ. Bạn có thể chia theo mục đích, như thông báo dùng dạng danh sách, cộng đồng dùng dạng webzine, câu hỏi thường gặp dùng dạng FAQ mở câu trả lời khi nhấn vào.

Di động

Thanh 5 tab trang chủ · danh mục · tìm kiếm · giỏ hàng · trang của tôi được cố định ở phía dưới. Tab danh mục và tìm kiếm mở dưới dạng bottom sheet trượt lên từ bên dưới, giúp tìm sản phẩm mà không rời trang. Nhờ responsive, bạn không cần làm bố cục di động riêng.

Thành phần

• Bố cục : header cửa hàng 3 tầng, trang chủ tích hợp trong giao diện, slider hình ảnh, footer với trung tâm hỗ trợ khách hàng · SNS · thông tin doanh nghiệp, thanh tab dưới cùng và bottom sheet trên di động
• Skin : Thương mại · bảng tin · thành viên · tin nhắn · trung tâm thông báo · thông điệp hệ thống · Đặt chỗ · zittme Pay · liên hệ · Hỏi đáp kiến thức (skin của mô-đun bổ sung chỉ áp dụng trên website đã cài mô-đun đó)
• Tiện ích cho quản trị viên : khi đăng nhập bằng tài khoản quản trị, header và ngăn kéo di động sẽ hiện lối tắt đến quản trị · quản lý cửa hàng (bảng điều khiển Thương mại) · cài đặt Pay

Cài đặt

• Liên kết màu nhấn cho mọi màn hình từ một chỗ, chế độ tối (tự động · luôn sáng · luôn tối), responsive
• Độ rộng nội dung tối đa 1060 / 1180 / 1320, độ rộng và màu thanh menu
• Cấu trúc trang chủ : địa chỉ mô-đun cửa hàng, trường lặp cho các phần trang chủ, biểu tượng ô danh mục (hình ảnh hoặc emoji)
• Footer : giới thiệu website, điện thoại · giờ làm việc của trung tâm hỗ trợ, email liên hệ, thông tin doanh nghiệp, địa chỉ SNS, dòng thông báo, bản quyền
• Lớp bố cục m (trang chính) · sl (trang con) · sf (toàn chiều rộng). Trang con không có LNB, nội dung chiếm toàn bộ chiều rộng
• Kèm tệp ngôn ngữ tiếng Hàn · tiếng Anh · tiếng Nhật · tiếng Trung (giản thể · phồn thể) · tiếng Đức · tiếng Pháp · tiếng Tây Ban Nha · tiếng Nga · tiếng Thổ Nhĩ Kỳ · tiếng Việt · tiếng Mông Cổ

Môi trường khuyến nghị

Zittme 1.0.1 trở lên, Thương mại 0.2.15 trở lên. Từ Zittme 1.0.1, khi áp dụng giao diện thì skin tin nhắn · thông điệp · trung tâm thông báo cũng được đổi theo. Giao diện vẫn hoạt động trên 1.0.0, nhưng ba skin này phải được chọn thủ công trong cài đặt của từng mô-đun. Để biết cài đặt chi tiết, vui lòng tham khảo hướng dẫn giao diện Sinsunhan.