Tìm kiếm trên cửa hàng

Ô tìm kiếm (en: Search) và Từ khoá gợi ý (en: Suggested keywords) nằm ở panel Gian hàng (en: Storefront) — cạnh các phần tử lọc, vì chúng dùng chung một cơ chế: khách gõ gì, danh sách thu hẹp theo đó.

Điều đáng biết trước tiên: hành vi mặc định Sang trang tìm kiếm cần site đã xuất bản một trang loại Tìm kiếm. Chưa có thì hộp cấu hình cảnh báo thẳng:

"Site chưa publish trang Tìm kiếm nào, nên 'Sang trang tìm kiếm' sẽ vào trang 404. Hãy tạo và publish một trang kiểu Tìm kiếm."

Trang đó luôn được phục vụ tại /search — nó không có URL riêng để bạn đặt.

Bốn hành vi

Mọi cài đặt nằm trong một hộp thoại, mở từ hàng Tìm kiếm trong bảng cấu hình. Hai câu hỏi đầu tiên là Khi đang gõ và Khi nhấn Enter — hai câu hỏi thật sự khác nhau, nên chúng là hai ô chọn:

Sang trang tìm kiếm — đưa khách sang trang kết quả. Hoạt động cả khi trình duyệt tắt JavaScript, vì ô tìm kiếm là một biểu mẫu thật.

Lọc ngay trên trang — thu hẹp các danh sách đang có trên trang này, không rời trang. Kết quả lọc có địa chỉ riêng, bookmark và chia sẻ được — cùng cơ chế với bộ lọc cửa hàng.

Hiện gợi ý — mở dropdown kết quả ngay dưới ô khi khách gõ.

Gửi sự kiện — tự nó không đổi gì; dành cho code tuỳ chỉnh lắng nghe truy vấn.

Để Khi nhấn Enter ở Như lựa chọn ở trên thì Enter theo hành vi gõ. Tách riêng khi bạn muốn kiểu "gõ thì hiện gợi ý, Enter thì sang trang kết quả".

Dropdown gợi ý: bạn tự ghép, không cấu hình

Dropdown không phải một danh sách dựng sẵn để bạn chỉnh thông số. Nó là những gì bạn kéo vào trong ô tìm kiếm:

• Kéo một Danh sách sản phẩm vào ô — dropdown thành danh sách bạn tự thiết kế: thẻ sản phẩm thật, nút thêm vào giỏ hoạt động.
• Kéo thêm Tiêu đề phía trên để đặt nhãn cho từng nhóm.
• Thêm danh sách cho dữ liệu khác — bài viết, bộ sưu tập — mỗi danh sách tự chọn nguồn của nó. Tất cả tự thu hẹp theo chữ khách gõ.

Vì dropdown là của bạn, các cài đặt về số dòng hay trạng thái trống nằm trên từng danh sách như mọi danh sách khác — không có bảng thông số riêng cho dropdown.

Câu hỏi Khi gõ, lọc ở đâu quyết định phạm vi: Mọi danh sách trên trang (mặc định), hay Chỉ danh sách trong dropdown — dành cho lúc khách chỉ muốn kết quả đổi trong bảng gợi ý, còn các kệ hàng ngoài trang đứng yên.

Ba kiểu hiển thị

Kiểu hiển thị (en: Presentation) có ba lựa chọn: Thanh tìm kiếm (luôn mở — mặc định), Icon mở rộng (bấm kính lúp thì mở thành ô nhập), và Icon mở bảng (bấm kính lúp thì mở một bảng chứa ô nhập và dropdown của bạn).

Hai kiểu icon bắt buộc có Tên nút icon: không có tên thì trình đọc màn hình chỉ đọc được "button" — một nút tồn tại với người nhìn thấy và là ngõ cụt với người không.

Nút xoá (dấu × trong ô) có ba lựa chọn: hiện cạnh ô, thay icon tìm kiếm khi đang gõ (kiểu các cửa hàng lớn hay dùng), hoặc ẩn. Nút xoá cũng cần Nhãn nút xoá vì cùng lý do với tên nút icon.

Danh sách có quyền từ chối

Công tắc quyết định một danh sách có bị thu hẹp hay không nằm trên chính danh sách đó, trong nhóm Được lọc danh sách này (en: Can narrow this list): một công tắc cho Ô tìm kiếm, một cho Bộ lọc.

Vì sao nằm trên danh sách mà không nằm trên ô tìm kiếm: ô tìm kiếm thường đặt trong phần dùng chung xuất hiện ở mọi trang, còn danh sách thuộc về một trang cụ thể — nên chính danh sách mới trả lời được cho nó. Một kệ "Bán chạy" bạn xếp tay có thể tắt cả hai công tắc và đứng yên trước mọi truy vấn.

Danh sách đã tắt Bộ lọc cũng không nhắm được từ hộp cấu hình bộ lọc — mục đó hiện "(đã tắt lọc)" và bị mờ, thay vì cho bạn một lựa chọn không có tác dụng.

Từ khoá gợi ý

Từ khoá gợi ý là một hàng thẻ bấm được. Lúc nghỉ nó hiện từ khoá của bạn — kiểu "tìm kiếm phổ biến"; đặt trong ô tìm kiếm thì khi khách gõ, các thẻ đổi thành gợi ý sống lấy từ danh mục, và xoá truy vấn thì trở về từ khoá của bạn.

Khi bấm vào một thẻ: Sang trang tìm kiếm hoặc Lọc ngay trên trang — cùng hai hành vi của ô tìm kiếm. Mỗi thẻ là một liên kết thật, nên hàng thẻ hoạt động cả khi tắt JavaScript.

Từ khoá không chứa được dấu phẩy — dấu phẩy là ký tự tách giá trị của bộ lọc, nên trình chỉnh sửa tự bỏ nó khi bạn nhập.

Gõ không dấu vẫn tìm ra

Tìm kiếm so khớp sau khi bỏ dấu, cả hai chiều: khách gõ "ao thun" tìm ra "Áo thun", gõ "Áo" cũng tìm ra sản phẩm đặt tên không dấu. Quy tắc áp dụng ở mọi nơi có ô tìm — trên cửa hàng và trong danh sách quản lý sản phẩm.

So khớp theo đầu từ, không phải chuỗi con: "ao" tìm ra "Áo thun" nhưng không tìm ra "Chảo" — đúng điều khách muốn nói khi gõ một từ.