Nội dung: Auto chuyển đổi giao diện wap/webkhi truy cập từ Mobile hoặc PC
Xtgem hỗ trợ tự động phat hiện khach truy cập đang dung thiết bị gi
Code: mobile
C3 trường hợp:
- mobile : Nếu người dung sử dụng điện thoại hoặc cac thiết bị cầm tay thong thường
- web : Người dung truy cập từ PC
- touch : Người dung sử dụng cac dong may đời rất cao Iphone, Galaxy hoặc Ipad
Qua đo chung ta co thể tạo racode thay đổi giao diện phu hợp với cac thiết bị tren.
- Bạn cần viết 3 css cho 3 loại giao diện. Đặt ten như sau: css cho mobile (wap) đặt ten lmobile.css, css cho pc web.css, css cho touch touch.css (touch rất hiếm nen ko cần quan tam nh! sau đay HD Auto wap/web). Chưa đủ trinh viết css co thể lấy của wap khac
- Tiếp theo bạn cần chen code put css nay vo _headtags hoặc chen vo file bạn muốn thay đổi giao diện. Nhớ bỏ css đang dung đi nha. <link rel="stylesheet" type="text/css" href="/thư_mục_chứa_css/<xt:get_device_template />.css"/>
Code:
Vi dụ bạn đặt cac file css tren trong thư mục my-stylethcode l:
Tiếp theo để co thể chuyển đổi giao diện bạn cần 3 file html ở đay minh vi dụ với index (trang chủ) bạn cần tạo 3 file(index, index_mobile, index_web)
- index_mobile : bạn thiết kế giao diện wap cho mobile
- index_web : giao diện web cho PC
- index : Tắt _header va _footer đi nha chen code nayvo: <xt:include file="index_<xt:get_device_template />">mobile
Cac file khac lam tương tự.
