Перейти к навигации Перейти к основному содержимому 
Elementor Pro Loop Grid в 2026: фильтры, запросы и динамический контент без лишних плагинов
Loop Grid в Elementor Pro помогает создавать динамические списки записей и шаблоны карточек.
В 2026 году это уже не просто «сетка записей»: карточка собирается один раз, данные подтягиваются динамически, выдача управляется запросом, а посетитель может фильтровать её по таксономиям. Я покажу рабочую архитектуру без лишнего аддона и отдельно отмечу места, где нативные возможности Elementor пока требуют проверки.
Коротко
Для блога, портфолио, услуг и многих CPT я сначала пробую Loop Grid. Специализированный фильтр-плагин нужен не автоматически, а когда появляются диапазоны, сложные фасеты, URL-состояния и нетривиальная логика каталога.
Для блога, портфолио, услуг и многих CPT я сначала пробую Loop Grid. Специализированный фильтр-плагин нужен не автоматически, а когда появляются диапазоны, сложные фасеты, URL-состояния и нетривиальная логика каталога.
Что изменилось в Elementor Pro к осени 2026 года
В Elementor Pro 4.3.0 от 22 сентября 2026 разработчики расширили Loop: добавили фильтрацию по категориям, тегам и пользовательским таксономиям, чередующиеся шаблоны с настраиваемой частотой и позицией, собственное состояние «ничего не найдено» и оформление disabled-состояния Previous/Next. Это уже полноценная система динамической выдачи.
Но новая функция не означает, что любая комбинация фильтра, AJAX и пагинации безошибочна. В официальном GitHub Elementor есть свежие сообщения о Taxonomy Filter, поэтому на коммерческом сайте я проверяю именно тот сценарий, который собираюсь использовать.
Где Loop Grid реально экономит время
| Задача | Связка | Результат |
|---|---|---|
| Блог | Loop Item + Posts + Taxonomy Filter | Единые карточки и фильтр рубрик |
| Портфолио | CPT + Meta Box + Loop Grid | Новые проекты без перевёрстки страницы |
| Услуги | CPT + Dynamic Tags | Управляемые поля и единый дизайн |
| Каталог | WooCommerce + Loop | Динамическая товарная выдача, если хватает нативного Query |
Шаг 1. Создаём Loop Item, а не рисуем карточки вручную
Маршрут: WordPress → Templates → Theme Builder → Loop Item → Add New. В шаблоне я собираю одну карточку и вместо статического текста использую Dynamic Tags: Featured Image, Post Title, excerpt, дату, термины и значения Meta Box.
Для CPT «Проекты» заголовок получает Post Title, изображение — Featured Image, а город, площадь или год — соответствующее поле Meta Box. Дизайн отделяется от данных: клиент добавляет новый проект в админке, а карточка автоматически получает правильную структуру.
Не делайте так
Не создавайте двадцать одинаковых карточек обычными контейнерами, если меняется только контент. Любое изменение дизайна придётся повторять вручную. Loop Item редактируется один раз и обновляет всю выдачу.
Не создавайте двадцать одинаковых карточек обычными контейнерами, если меняется только контент. Любое изменение дизайна придётся повторять вручную. Loop Item редактируется один раз и обновляет всю выдачу.
Шаг 2. Добавляем Loop Grid и задаём источник
Откройте страницу в Elementor и добавьте Loop Grid. В Content → Layout выберите Loop Item, число колонок и количество элементов на странице. В секции Query задайте источник: Posts, нужный CPT или другой доступный тип контента.
Для блога этого часто достаточно. Для каталога проектов я дополнительно задаю сортировку, включения и исключения. Если страница должна наследовать запрос архива, режим Current Query проверяю отдельно: Taxonomy Filter с ним имеет официально задокументированное ограничение.
Шаг 3. Подключаем Taxonomy Filter
Добавьте виджет Taxonomy Filter, свяжите его с конкретным Loop Grid и выберите таксономию: рубрики, метки или пользовательскую таксономию. Можно использовать несколько фильтров для одной выдачи, например «Тип проекта» и «Город».
В документации Elementor есть важное примечание: Taxonomy Filter не поддерживает Current Query. Если вы строите архив и хотите фильтрацию, запрос следует определить непосредственно в Loop Grid, а не наследовать его от archive display conditions.
Что нажать
Elementor → Loop Grid → Query — источник и условия выдачи.
Elementor → Taxonomy Filter — нужный Loop Grid и таксономия.
После сохранения обязательно проверьте опубликованную страницу в инкогнито, а не только редактор.
Elementor → Loop Grid → Query — источник и условия выдачи.
Elementor → Taxonomy Filter — нужный Loop Grid и таксономия.
После сохранения обязательно проверьте опубликованную страницу в инкогнито, а не только редактор.
Meta Box + Loop Grid: как я разделяю поля и таксономии
Допустим, у CPT «Проекты» есть Meta Box-поля project_city, project_area и project_year. В Loop Item их удобно выводить через Elementor Dynamic Tags. Но если посетитель должен фильтровать проекты по городу, я чаще создаю отдельную таксономию «Города», а не пытаюсь превратить текстовое custom field в фильтр.
Причина архитектурная: таксономии предназначены для группировки и запросов. Поля хороши для характеристик и вывода значений. Это делает структуру понятнее и помогает избежать неоправданно тяжёлых запросов.
Когда нужен Query ID
Иногда панели Query недостаточно. Например, нужно показать только отмеченные записи по значению поля Meta Box. Для обычного post/CPT Loop Grid можно использовать Query ID и официальный query hook Elementor Pro. Такой код я размещаю в собственном мини-плагине или проверенном менеджере сниппетов, а перед production тестирую на staging.
WooCommerce: здесь я была бы осторожнее
Для товаров Loop Grid удобен, но не все сценарии идентичны обычным записям. В GitHub Elementor остаётся открытое сообщение #31316 о пропадающем Query ID при выборе типа шаблона Product; проблема была замечена после Elementor Pro 3.29.0. Есть и отдельные сообщения о кастомных запросах с product_visibility.
Поэтому для магазина я сначала проверяю, закрывается ли задача нативным WooCommerce-запросом Elementor. Если требуется сложная логика наличия, цен, вариаций и нескольких AJAX-фильтров, не обещаю клиенту решение одним Loop Grid до теста.
Пагинация, Load More и Infinite Scroll
У Loop Grid есть несколько способов продолжить выдачу. Для SEO-критичного каталога я предпочитаю вариант, при котором навигация остаётся понятной и доступной. Load More удобен, но его обязательно нужно тестировать вместе с Taxonomy Filter.
В GitHub issue #35551 описан сценарий: после выбора таксономии с небольшим числом записей и возврата к «All» Load More переставал вести себя ожидаемо. Issue закрыт как not planned. Поэтому проверка конкретной версии важнее предположения, что проблема «наверняка уже исчезла».
Свежий нюанс сентября 2026: No taxonomies found
21 сентября 2026 года в официальном GitHub Elementor появился issue #37353: Taxonomy Filter видит сам Loop Grid, но список таксономий остаётся пустым даже для стандартных Posts; автор также воспроизвёл проблему на CPT с пользовательской таксономией. На момент моей проверки issue открыт.
Если видите такой симптом, я не советую сразу перестраивать CPT или удалять Meta Box. Сначала проверяю версии Elementor и Pro, связь таксономии с post type, параметры регистрации таксономии, кеш и известные issues. Если сбой появился после обновления — воспроизвожу его на staging.
Быстрая проверка
Фильтр видит Loop Grid, но не видит таксономии? Это отдельный симптом. Смена дизайна карточки его не исправит: сначала диагностируйте слой данных и текущую версию Elementor.
Фильтр видит Loop Grid, но не видит таксономии? Это отдельный симптом. Смена дизайна карточки его не исправит: сначала диагностируйте слой данных и текущую версию Elementor.
Как не утяжелить страницу
Loop Grid не отменяет базовую гигиену производительности. Я ограничиваю число элементов на первой загрузке, использую изображения подходящего размера, не навешиваю несколько анимаций на каждый item и не подключаю большой add-on ради одного фильтра, если нативного Elementor достаточно.
На большой выдаче важен и сам запрос. Сложная сортировка, несколько meta_query и десятки элементов на первом экране могут быть дороже, чем CSS карточки. Поэтому оптимизацию я начинаю с архитектуры данных, а не с очередного кеш-плагина.
Если сайт уже тяжёлый, сначала полезно пройти чек-лист ускорения Elementor. А когда редактор или виджет ведёт себя нестабильно, поможет отдельная диагностика проблем Elementor.
Когда Loop Grid достаточно
Нативного Loop Grid обычно достаточно для карточек одного типа контента, понятного Query, фильтрации по таксономиям и обычной пагинации. Для блога, портфолио, команды, услуг и многих каталогов этого хватает.
Специализированное решение стоит рассматривать, если нужны диапазоны цены или площади, сохранение состояния фильтров в URL, глубокая фасетная навигация, счётчики результатов или сложная WooCommerce-логика.
Мой рабочий чек-лист перед запуском
- Проверить Loop Item на длинном заголовке и отсутствующем изображении.
- Проверить ширины 320–375 px, планшет и широкий desktop.
- Протестировать каждый фильтр отдельно и в комбинации.
- Проверить «All», пустой результат и возврат после фильтрации.
- Протестировать пагинацию или Load More после каждого фильтра.
- Очистить кеш и повторить тест в инкогнито.
- Проверить клавиатурную навигацию и видимый focus.
- Для CPT убедиться, что таксономии связаны с нужным post type.
FAQ
Loop Grid есть в бесплатном Elementor?
Полноценный Loop Builder и связанные возможности относятся к Elementor Pro. Набор настроек зависит от актуальной версии Pro.
Можно ли выводить поля Meta Box в карточке?
Да. Для динамических данных я использую Meta Box и Elementor Dynamic Tags. Отдельно продумываю, какие данные должны быть полями, а какие лучше оформить таксономиями.
Можно ли фильтровать CPT по своей таксономии?
Да, это нормальный сценарий. Но в сентябре 2026 есть свежий открытый GitHub issue о недоступных таксономиях в Taxonomy Filter, поэтому конкретную связку версий нужно тестировать.
Почему Taxonomy Filter не работает с архивом?
Проверьте Current Query. Официальная документация Elementor указывает, что Taxonomy Filter его не поддерживает; запрос нужно настроить непосредственно в Loop Grid.
Нужен ли отдельный Elementor add-on для фильтрации?
Не всегда. Сначала я проверяю нативный Loop Grid и Taxonomy Filter. Add-on оправдан, когда проекту действительно нужны функции, которых нет в Elementor Pro.
