Tài liệu phát triển giao diện xStore#

Trang này dành cho người xây dựng giao diện (theme) cho storefront xStore.

Giao diện xStore viết bằng Liquid — cùng cú pháp với Shopify. Máy chủ dựng sẵn dữ liệu rồi truyền vào template dưới dạng biến; phần tương tác phía trình duyệt (thêm vào giỏ, đăng nhập, thanh toán) dùng thư viện JavaScript xStore.

Nội dung#

• Biến toàn cục — có trong mọi trang.
• Biến theo trang — mỗi loại trang có bộ biến riêng.
• Đối tượng dữ liệu — cấu trúc của sản phẩm, danh mục, bài viết…
• Bộ lọc & thẻ — công cụ định dạng sẵn có trong Liquid.
• URL & điều hướng — cách tạo liên kết đúng tới từng mục.
• Thư viện xStore JS — API JavaScript phía trình duyệt.

Quy ước#

Mọi mục tham chiếu đều ghi Từ phiên bản và nhãn trạng thái: