Создание динамических фильтров в Webflow без кода с использованием атрибутов v2
Автор: Finsweet
Загружено: 2025-05-08
Просмотров: 7098
Узнайте, как создать динамическую систему фильтрации с использованием условных групп и логики сопоставления в @Webflow. Атрибуты бесплатны, и это пошаговое руководство не требует навыков программирования.
-----------------------------------------------
// ВРЕМЕННЫЕ МЕТКИ
00:00 Введение + обзор документации
00:28 Краткий обзор
01:45 Начало работы
01:58 Динамический отфильтрованный список
02:17 Добавить обязательные атрибуты: Список
02:52 Добавить обязательные атрибуты: Идентификатор поля
04:55 Добавить обязательные атрибуты: Настраиваемый тип поля
04:35 Фильтры
05:15 Группа условий
05:44 Условие
06:15 Выбор поля
07:50 Выбор оператора
08:57 Значение условия
10:05 Удалить условие
10:27 Добавить условие
11:00 Публикация и предварительный просмотр
11:55 Соответствие условию
13:03 Соответствие условию группе
13:34 Добавить группу условий
13:59 Удалить группу условий
14:25 Публикация и предварительный просмотр
15:13 Стиль неактивных элементов
16:55 Публикация и Предварительный просмотр
17:42 Заключение
-----------------------------------------------
// МАТЕРИАЛЫ ИЗ ВИДЕО
Демонстрация в реальном времени - https://attributes-list-filter.webflo...
Документация по списку фильтров - https://finsweet.com/attributes/list-...
Клонирование - https://finsweet.info/attributes-list...
Webflow - https://finsweet.info/webflow
Другие решения для Attributes - https://finsweet.com/attributes
Плейлист с обучающими материалами по Attributes - • Attributes v2 tutorials
Внести свой вклад в проект Attributes Open Source: http://finsweet.com/products/support-...
Подпишитесь на канал Finsweet на YouTube: https://www.youtube.com/c/Finsweet?su...
Получить полный список БЕСПЛАТНЫХ продуктов Finsweet: https://www.finsweet.com/subscribe
-----------------------------------------------
// О НАС
Мы — Finsweet — корпоративный партнёр Webflow, создатель крутых продуктов и разработчик образовательного контента. Мы выводим Webflow на новый уровень и делимся с вами всем, что есть на этом пути!
🙌 Присоединяйтесь к нашему сообществу — https://finsweet.com/plus
🔥 Добавьте супервозможности вашему сайту Webflow — https://finsweet.com/attributes
🧰 Расширьте свой рабочий процесс Webflow — https://finsweet.com/extension
🚀 Создавайте понятные, масштабируемые и структурированные сайты Webflow — https://www.finsweet.com/client-first
👀 Ознакомьтесь с продуктами, используемыми в Finsweet — https://www.finsweet.com/recommended
🛍️ Купить товары Finsweet — https://finsweet.com/merch
-----------------------------------------------
// СОЦИАЛЬНЫЕ СЕТИ
Подкаст: https://anchor.fm/finsweet
Twitter: / thatsfinsweet
Tik Tok: / thatsfinsweet
Instagram: / thatsfinsweet
Facebook: / thatsfinsweet
Dribbble: https://dribbble.com/thatsfinsweet
Behance: https://www.behance.net/thatsfinsweet/
Webflow: https://webflow.com/team/Finsweet/
-----------------------------------------------
// ТЕГИ
#webflow #advancedfilter #cmsfilter #attributes
-----------------------------------------------
Спасибо за поддержку! 🤟
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: