Получить консультацию

Кратко о видео

В уроке разобрана полная механика пользовательской фильтрации: коллекция с данными, форма с элементами управления (чекбоксы, радиокнопки, поиск, переключатель), привязка каждого элемента управления к нужному полю коллекции. Показана комбинированная фильтрация — сразу по нескольким параметрам. Нативная фильтрация в Taptop не требует JS: виджеты связываются с коллекцией через панель настроек, фильтрация применяется мгновенно. Комбинирование нескольких фильтров работает автоматически — AND-логика (все условия одновременно). Урок для тех, кто строит каталоги и интернет-магазины. Обязательно нужен опыт работы с коллекциями в Taptop и понимание типов полей — фильтрация завязана на типах данных (текст, boolean, число, reference).

Как настроить пользовательскую фильтрацию коллекции в Taptop

Каталог товаров или портфолио — и пользователь должен сам выбирать параметры. Как сделать фильтрацию в Taptop без кода? Как форма фильтра вообще связана с коллекцией?

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

Тайминги видео

00:00 — Что такое нативная фильтрация и как она работает 02:00 — Теория: коллекция, форма, элементы управления 03:30 — Связь формы и коллекции через data-filter-form-id 06:00 — Структура атрибута data-filter-settings 09:00 — Поиск: filter-contains и пустое значение 12:00 — Радиогруппа: фильтр по бренду (multiref) 15:30 — Чекбокс-переключатель: фильтр «хит» по булевому полю 18:00 — Сортировка: data-sort-settings, направление и по дате