Hướng dẫn tạo bộ filter kết hợp url

Đăng bởi Nguyễn Văn Thành

Chào mọi người,
Hôm nay mình sẽ hướng dẫn các bạn về cách tạo filter kết hợp vs change url.

Đây là đường dẫn ví dụ : /collections/all?price=500000:2000000&color=xanh,den&size=35,38&page=1
Nguyên tắc filter của mình sẽ là :

Giá trị filter cùng nhóm sẽ là || ( hoặc )
Giá trị filter khác nhóm sẽ là && ( và )

Mình sẽ hướng dẫn các bạn filter 2 nhóm : Giá và thương hiệu.

Bước 1: Mình cần các bạn tạo cho mình 2 file : search.pagesize.liquid và search.filter.liquid, hai file này các bạn có thể vào phần thư mục giao diện để tạo.

Nội dung file search.pagesize.liquid, search.filter.liquid, html-vendor, html-price. Download dữ liệu

Bước 2: Phần lưu ý khi khi làm filter:

Nếu buyer chưa sử dụng bộ lọc filter thì không nên gọi request để lấy dữ liệu ( Phần này khi làm dạng phân trang xem thêm sản phẩm thì nên chú ý, còn phân trang dạng số thì các bạn ko cần quan tâm điều này ).

Bước 3: Phần xữ lý gửi request để lấy dữ liệu:
Tài liệu cú pháp tìm kiếm : Tai lieu cu phap tim kiem
Phần javascript xữ lý : Down load

Haravan code

Bài viết mới

Hướng dẫn tạo bộ filter kết hợp url