[tomtat]Mẫu giao diện blog bán hàng mỹ phẩm Nalu Cosmetic đẹp chuyên nghiệp, giao diện thiết kế nhỏ gọn, màu sắc trẻ trung. Template được bố trí hiện đại mới lạ theo dạng sidebar cố định khi cuộn trang ngay giữa trang làm nổi bật trang giúp cho khách hàng có thể dễ dàng truy cập danh mục sản phẩm mà mình muốn tìm[/tomtat]
[link]https://www.youtube.com/watch?v=h_Ba7Tf6QWU[/link]
[chitiet]
Một số thông tin về Giao diện blog bán hàng này:
- Thiết kế, cover: Hòa Trần
- Layout Version 3
- Widget Version 2
- Đã xóa CSS và JS mặc định
- Đã nén CSS và JS của template
- Toàn bộ code sử dụng Ajax để load dữ liệu
- Ajax owl-carousel
- Ajax Load more
- Giỏ hàng sử dụng Simplecart được tối ưu tùy biến mới nhất
- Tối ưu SDK Connect cho Facebook
- Tích hợp tính năng Lazyload trì hoãn tải ảnh giúp tăng tốc độ load trang
Cách cài đặt label và số lượng sản phẩm ở trang chủ:
1. Sản phẩm:
data-label="san-pham"
data-number="10"
2. Tin tức:
data-label="tin-tuc"
data-number="10"
Trong bố cục có lưu 1 đoạn HTML các bạn tìm và sửa 2 chỗ đó, trong đó:
san-pham: Là label cần lấy bài viết cho sản phẩm
tin-tuc: Là label cần lấy bài viết cho tin tức
10: Là giới hạn số sản phẩm hiển thị, tùy chọn 5, 10, 15, 20, 25
- Tích hợp tính năng Lazyload trì hoãn tải ảnh giúp tăng tốc độ load trang
Cách cài đặt label và số lượng sản phẩm ở trang chủ:
1. Sản phẩm:
data-label="san-pham"
data-number="10"
2. Tin tức:
data-label="tin-tuc"
data-number="10"
Trong bố cục có lưu 1 đoạn HTML các bạn tìm và sửa 2 chỗ đó, trong đó:
san-pham: Là label cần lấy bài viết cho sản phẩm
tin-tuc: Là label cần lấy bài viết cho tin tức
10: Là giới hạn số sản phẩm hiển thị, tùy chọn 5, 10, 15, 20, 25
Đặc điểm nổi bật của giao diện:
- Bố cục thiết kế theo 2 cột, 1 cột trái Sidebar sẽ cố định khi cuộn trang, có cuộn lên và xuống khi chúng ta rê chuột vô thanh Sidebar, cột phải là main content
- Code được áp dụng hoàn toàn mới sử dụng kiểu Ajax để load dữ liệu, giúp cho blog tải trang nhanh. Thiết kế thêm tính năng Load more ngay trên trang đang xem mà không cần phải load lại trang, rất là tiện lợi.
Về giỏ hàng:
- Giỏ hàng tích hợp thư viện Simplecart dễ dàng thao tác và chỉnh sửa theo ý muốn. Giỏ hàng có thể hiển thị theo 2 kiểu là Table và Div, mặc định mình sẽ để hiển thị dạng Table các cột sẽ tự động co dãn, và tự động responsive. Các cột cũng dễ dàng tùy biến cho ẩn hoặc hiện.
- Tích hợp thêm Thuế VAT tùy chỉnh theo mục đích bán hàng của mỗi người
- Tích hợp thêm Phí vận chuyển tùy chỉnh theo mục đích bán hàng của mỗi người
- Giỏ hàng được thiết kế hiển thị chi tiết cho khách hàng.
- Giỏ hàng được thiết kế hiển thị chi tiết cho khách hàng.
Về đơn hàng khi thanh toán cũng được thiết kế mới, tích hợp thêm Order có số thứ tự cho mỗi sản phẩm
Order #1
Order #2
Order #3
Order #n
Nhìn chuyên nghiệp hơn và dễ phân biệt sản phẩm.
Đây là bộ mẫu giao diện blogspot bán hàng đầu tiên mà mình code sử dụng Ajax để lấy dữ liệu, những mẫu trước đó đa số là dùng cách thông thường Callback.
Kết luận: Đây là một mẫu giao diện blogspot bán hàng Nalu Cosmetic phù hợp với trang mỹ phẩm, thời trang, phụ kiện làm đẹp.
Liên hệ mua mẫu: https://zalo.me/0971539681
Liên hệ mua mẫu: https://zalo.me/0971539681
[/chitiet]