Фильтрация в Taptop работает через формы и коллекции. Связь между ними настраивается через атрибуты: вы указываете, какое поле коллекции отфильтровать и каким способом (например, через выбор одного или нескольких вариантов).
Пользователь сам управляет отображением контента на сайте — страница обновляется сразу же, как только он меняет параметры.
Логика фильтрации зависит от типа данных в коллекции. Для текста лучше подходит поиск по частичному совпадению, а для категорий товаров — логика включения в список. Правильные условия фильтрации дадут пользователю корректную выдачу без пустых экранов.
В уроке Тимофей пошагово объяснит, как прописать логику для всех фильтров: чекбоксов, текстовых полей, переключателей и сортировки. В конце вы научитесь объединять несколько фильтров, чтобы они работали согласованно друг с другом.
00:00 — Зачем нужна нативная фильтрация на сайте
01:02 — Теория: из чего состоит система (коллекция, форма, атрибуты)
02:00 — Структура коллекции и формы для фильтрации
03:24 — Настройка связи между формой и коллекцией через атрибуты
04:39 — Настройка фильтрации для чекбоксов (типы товаров)
11:45 — Настройка поиска по названию (инпут)
13:44 — Настройка радиокнопок для выбора бренда
15:52 — Добавление фильтра-переключателя (пометка «Хит»)
17:35 — Настройка сортировки данных (цена, дата)
20:44 — Проверка работы всех элементов фильтрации и сортировки на сайте