F1GENZ Lux Shoes - Giày dép

F1GENZ Lux Shoes - Giao diện bán giày da cao cấp cho Haravan

F1GENZ Lux Shoes là giao diện cửa hàng trực tuyến dành cho thương hiệu giày da, đồ da và phụ kiện chăm sóc giày. Phong cách tối giản, nhiều khoảng trắng, tiêu đề chữ có chân và bảng màu nâu espresso kết hợp nâu cognac giúp sản phẩm chất liệu da nổi bật. Toàn bộ nội dung, hình ảnh và màu sắc đều chỉnh được trong phần cài đặt giao diện, không cần sửa mã.

Tính năng chính

• Trang chủ gồm 10 khối nội dung sắp xếp sẵn: ảnh đầu trang, dòng cam kết, danh mục, hàng mới về, ưu đãi có hạn, phối cùng, bán chạy, chế tác và bảng size, cẩm nang, đăng ký nhận tin. Mỗi khối bật hoặc tắt riêng.
• Ảnh đầu trang chia hai cột, chữ bên trái và ảnh bên phải, tối đa 3 slide chuyển bằng nút mũi tên hoặc chấm, mỗi slide có ảnh máy tính, ảnh điện thoại, tiêu đề, mô tả và 2 nút bấm. Slide không tự chạy.
• Menu có logo ở giữa, danh mục chia hai bên, hỗ trợ mega menu tối đa 3 cấp kèm ảnh quảng cáo và nhãn nhấn do bạn đặt tên (tối đa 4 nhãn).
• Khối ưu đãi có hạn với đồng hồ đếm ngược theo giờ Việt Nam. Bạn chỉ nhập ngày giờ kết thúc và chọn nhóm sản phẩm, hết giờ khối tự ẩn.
• Khối Phối cùng: một ảnh lớn kèm tối đa 3 điểm chạm gắn sản phẩm, bên cạnh là danh sách sản phẩm phối kèm như thắt lưng, ví, xi đánh giày.
• Khối đo size ngay trang chủ: khách nhập chiều dài bàn chân bằng cm để nhận gợi ý size EU, kèm bảng quy đổi nhập theo từng dòng và liên kết sang trang hướng dẫn chọn size của cửa hàng.
• Thẻ sản phẩm có tỉ lệ ảnh chọn trong cài đặt (vuông, dọc 3:4 hoặc ngang 4:3), hiện nhãn giảm giá theo phần trăm, nhãn hết hàng, dải size còn hàng, chấm màu theo biến thể và ảnh thứ hai khi rê chuột (bật hoặc tắt trong cài đặt).
• Xem nhanh sản phẩm, danh sách yêu thích và so sánh sản phẩm trong cửa sổ riêng, giới hạn số lượng và đổi nội dung chữ trong cài đặt.
• Giỏ hàng dạng ngăn kéo có thanh tiến độ miễn phí giao hàng theo mức giá bạn đặt, ghi chú đơn hàng và trang giỏ hàng đầy đủ.
• Trang danh mục có bộ lọc theo thương hiệu, loại sản phẩm, size, màu, nhóm lọc tùy chọn và khoảng giá (bật tắt từng nhóm, tên nhóm và giá trị lọc chỉnh trong cài đặt), sắp xếp và phân trang.
• Trang sản phẩm có album ảnh xếp dọc, chọn màu và size (size hết hàng được đánh dấu, đường dẫn giữ đúng biến thể đang chọn), số lượng, nút thêm vào giỏ, thanh thêm vào giỏ cố định khi cuộn, các mục thu gọn cho mô tả, cách chọn size, chính sách đổi size và câu hỏi thường gặp, khối phối cùng, sản phẩm liên quan và biểu mẫu nhận tư vấn.
• Thanh điều hướng dưới màn hình điện thoại, nút chuông ưu đãi, thanh mạng xã hội bên cạnh và cửa sổ liên hệ, tất cả bật tắt riêng.

Các trang có sẵn

• Trang chủ, trang danh mục sản phẩm, trang tìm kiếm, trang chi tiết sản phẩm, giỏ hàng.
• Danh sách blog và chi tiết bài viết có mục lục, dùng cho cẩm nang chọn size, chăm sóc da và phối đồ.
• Trang giới thiệu, trang liên hệ có biểu mẫu gửi yêu cầu, trang câu hỏi thường gặp có ô tìm nhanh.
• Trang hệ thống cửa hàng với khối giới thiệu, số liệu do bạn nhập và bộ tìm cửa hàng theo tỉnh, quận khi bạn kết nối dữ liệu cửa hàng.
• Trang nội dung tự do dùng cho hướng dẫn chọn size và chính sách đổi size, cùng trang danh sách nhóm sản phẩm, trang 404. Đăng nhập và đăng ký khách hàng dùng trang tài khoản của Haravan, giao diện chỉ thêm cửa sổ tài khoản trên máy tính.

Cài đặt dành cho chủ cửa hàng

• Chỉ 2 màu cần chọn: màu chính và màu phụ. Các sắc độ còn lại giao diện tự tính.
• 32 nhóm cài đặt trong trang tùy chỉnh giao diện, đặt tên theo từng khu vực: thiết lập chung, đầu trang, mega menu, thẻ sản phẩm, từng khối trang chủ, chân trang, trang danh mục, bộ lọc, trang sản phẩm, giỏ hàng, blog, trang 404 và nội dung chung, giới thiệu, liên hệ, câu hỏi thường gặp, hệ thống cửa hàng, popup và nút liên hệ, thanh điều hướng di động, tài khoản. Văn bản cố định của mỗi khu vực nằm ngay cuối nhóm đó, mỗi ô ảnh có ghi sẵn kích thước đề xuất.
• Chữ và ảnh quan trọng trên trang chủ có thể sửa trực tiếp trong trình chỉnh sửa nhanh của Haravan.
• Khối nào chưa có dữ liệu sẽ tự ẩn, không để lại khoảng trống.
• Thông tin liên hệ, địa chỉ và mạng xã hội để trống thì giao diện ẩn phần đó.

Ngành hàng phù hợp

• Giày da nam nữ: giày tây, loafer, sneaker da, boot, giày cao gót, búp bê, sandal.
• Thắt lưng, ví da và đồ da phụ kiện.
• Phụ kiện chăm sóc giày: xi, kem dưỡng da, cây giữ form, lót giày, dây giày.
• Thời trang cao cấp và cửa hàng chọn lọc cần trình bày chất liệu, size và bộ phối cùng.

Thông tin kỹ thuật

• Viết cho nền tảng Haravan, hiển thị tốt trên máy tính, máy tính bảng và điện thoại.
• Ảnh dùng tải chậm theo chuẩn trình duyệt, có khai báo kích thước để trang không giật khi tải.
• Dữ liệu mẫu trong cửa hàng demo chỉ để minh họa cách bố trí, bạn thay bằng sản phẩm và nội dung của mình.