4. Upload t tc th mc và tp tin ca CodeIgniter lên server ủ
4.2. Thiết kế giao diện
4.2.1. Trang quản trị
Truy C p trang admin v i ậ ớ đường d n: ẫ localhost/shoptonghop/admin
T i trang admin, qu n tr viên có th thêm, xóa s a các s n ph m, thêm ạ ả ị ể ử ả ẩ
các chuyên m c m i, qu n lý ng i dùng, qu n lý t hàng, banner, hình ụ ớ ả ườ ả đặ
nh,…
ả
Hình 4.2: Giao di n trang qu n trệ ả ị
4.2.2. Trang chủ
Trang ch hi n th t ng quan thông tin c a website giúp kháchủ ể ị ổ ủ
hàng d dàng thao tác, xem thông tin chi ti t v s n ph m, bình ch nễ ế ề ả ẩ ọ
s n ph m hay liên h t hàng.ả ẩ ệ đặ
Công c tìm ki m c b n và nâng cao giúp cho ng i dùng d dàngụ ế ơ ả ườ ễ
ng i dùng có cái nhìn tr c quan h n v s n ph m c ng nh nh ngườ ự ơ ề ả ẩ ũ ư ữ
Hình 4.3: Giao di n trang chệ ủ
4.2.3. Giao diện giỏ hàng
Hình 4.4: Giao di n gi hàngệ ỏ
4.2.4. Chức năng tìm kiếm
Tìm ki m theo tên s n ph mế ả ẩ
T i thanh tìm ki m trên trang ch khách hàng có th tìm ki m theo tênạ ế ủ ể ế
Hình 4.5: Giao di n tìm ki m theo tên s n ph mệ ế ả ẩ
Tìm ki m theo giáế
Thanh tìm ki m theo giá giúp khách hàng tìm theo nh ng thang giá s n cóế ữ ẵ
c a h th ng.ủ ệ ố
Hình 4.6: Giao di n tìm ki m theo giáệ ế
Hình 4.7: Giao di n ch c n ng bình lu nệ ứ ă ậ
4.2.6. Giao diện trang sản phẩm mua chung
T i trang ch , s n ph m hotdeal ạ ủ ả ẩ được t ng h p t các website ổ ợ ừ
có s n ph m khuy n mãi s ả ẩ ế ẽ được hi n th gi i thi u cho khách ễ ị để ớ ệ
Hình 4.8: Giao di n s n ph m hotdeal trên trang chệ ả ẩ ủ
Ngoài ra, s n ph m hotdeal s ả ẩ ẻ được hi n th t i m t trang riêngể ị ạ ộ
trong h th ng website. T i ây khách hàng có th tìm ki m, xemệ ố ạ đ ể ế
thông tin chi ti t v các s n ph m khuy n mãi ế ề ả ẩ ế được c p nh t liênậ ậ
Hình 4.9: Giao di n trang s n ph m hotdealệ ả ẩ