Главная / Каталог / UI-компоненты

«Фильтры и поиск» — 5 блоков для каталога

Цена: 690 ₽

Поиск с подсветкой и починкой опечаток, чипы со счётчиками, диапазон цены двумя ручками, сортировка и пустой результат, который подсказывает, что снять.

Набор собирает каталог целиком: поиск, категории, цена, сортировка, плашки активных фильтров и осмысленный пустой экран. В конце всё это соединено в одну рабочую панель — её можно скопировать и подставить свои товары.

Поиск чинит опечатки по Дамерау — Левенштейну, где перестановка соседних букв стоит единицу. Это не педантизм: «дивна» вместо «диван» и «кресол» вместо «кресло» — самая частая опечатка вообще, а обычный Левенштейн её отбраковывает, потому что считает такую ошибку за две. Словарь строится из самого каталога, вести его руками не нужно. Ещё важнее поле синонимов: в каталоге «кушетка», а человек ищет «диван» — без этого половина запросов уходит в пустоту, и вы об этом даже не узнаете.

Счётчики у категорий считаются по остальным фильтрам, а не по всему каталогу: иначе рядом со «Столы» стоит 12, человек нажимает и находит ноль. Две ручки диапазона не проходят одна сквозь другую. А пустой результат не заканчивается фразой «попробуйте изменить запрос» — он считает, какой фильтр отсёк больше всего, и предлагает снять именно его.

Что умеет

  • Поиск по названию, описанию и синонимам
  • Подсветка совпадений с экранированием ввода
  • Починка опечаток, включая перестановку букв
  • Чипы со счётчиками по остальным фильтрам
  • Диапазон цены двумя ручками без перескока
  • Своё меню сортировки с закрытием по Escape
  • Плашки активных фильтров и сброс по одному
  • Пустой экран подсказывает, какой фильтр мешает

Разделы

  • Поиск
  • Чипы категорий
  • Диапазон цены
  • Сортировка
  • Панель целиком

Открыть живое демо · Все шаблоны