arrow-left
Вернуться к продуктам
Кратко о видео

Фильтрация в Taptop работает через формы и коллекции. Связь между ними настраивается через атрибуты: вы указываете, какое поле коллекции отфильтровать и каким способом (например, через выбор одного или нескольких вариантов).

Пользователь сам управляет отображением контента на сайте — страница обновляется сразу же, как только он меняет параметры.

Логика фильтрации зависит от типа данных в коллекции. Для текста лучше подходит поиск по частичному совпадению, а для категорий товаров — логика включения в список. Правильные условия фильтрации дадут пользователю корректную выдачу без пустых экранов.

В уроке Тимофей пошагово объяснит, как прописать логику для всех фильтров: чекбоксов, текстовых полей, переключателей и сортировки. В конце вы научитесь объединять несколько фильтров, чтобы они работали согласованно друг с другом.

Нативная фильтрация в коллекциях
Когда на сайте много контента (например, каталог товаров или портфолио), пользователям сложно искать вручную. Нативная фильтрация Taptop позволяет добавить на сайт поиск, выбор категорий и сортировку.
Разбираем, как устроена фильтрация в Taptop: роль формы, атрибуты, работа чекбоксов/радио/селектов и настройка логики фильтрации.
Тайминги видео

00:00 — Зачем нужна нативная фильтрация на сайте

01:02 — Теория: из чего состоит система (коллекция, форма, атрибуты)

02:00 — Структура коллекции и формы для фильтрации

03:24 — Настройка связи между формой и коллекцией через атрибуты

04:39 — Настройка фильтрации для чекбоксов (типы товаров)

11:45 — Настройка поиска по названию (инпут)

13:44 — Настройка радиокнопок для выбора бренда

15:52 — Добавление фильтра-переключателя (пометка «Хит»)

17:35 — Настройка сортировки данных (цена, дата)

20:44 — Проверка работы всех элементов фильтрации и сортировки на сайте

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока