Hướng dẫn khi tích bộ lọc change url, có thể share link, người khách xem link có param thì bộ lọc tự động lọc theo param
Xin chào các bạn,
Bài viết hôm nay nói về chủ đề : "hướng dẫn khi tích bộ lọc change url, có thể share link, người khách xem link có param thì bộ lọc tự động lọc theo param"
Website demo: http://the-quart.myharavan.com/collections/all?price=500:3000&vendor=Kh%C3%A1c--Apple
Bước 1: Tạo file collection-filter chứa bộ lọc
Vào Haravan Admin -> Website -> Giao diện -> Hiệu chỉnh theme
Click tạo snippet mới có tên là: collection-filter.liquid . Có thể tải code về tại đây
Bước 2: Tạo code lấy tổng số trang :
Tiếp theo tạo giao diện có tên là: search.page.liquid . Tải về tại đây
Bước 3: Tạo code lấy product loop item :
Tiếp theo tạo giao diện có tên là: search.page.liquid . Tải về tại đây
Bước 3: Tạo code lấy product loop item :
Tiếp theo tạo giao diện có tên là: search.filter.liquid . Tải về tại đây . File này có nhiệm vụ trả về các items product khi click vào các bộ lọc. Chú ý: Ngay chỗ include bạn phải sửa lại file gọi product phù hợp với theme của bạn.
Bước 4: Tạo code lấy phân trang :
Tiếp theo tạo giao diện có tên là: search.paginate.liquid . Tải về tại đây . File này có nhiệm vụ trả về đoạn code phân trang . Chú ý: chỉnh class, div cho phù hợp với code phân trang trong trang web của bạn. Đặc biệt là phải có thẻ a với thuộc tính data-link ở trong.
Bước 5: Tạo code lấy params trên url :
Tiếp theo tìm đến file theme.liquid và thêm đoạn code này xuống dưới cùng. Tải code tại đây
Xong rồi. Chúc bạn thành công!