{"id":39905,"date":"2023-05-19T10:44:20","date_gmt":"2023-05-19T10:44:20","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=39905"},"modified":"2026-03-16T09:32:00","modified_gmt":"2026-03-16T09:32:00","slug":"how-to-apply-filters-to-elementor-pro-loop-grid","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-apply-filters-to-elementor-pro-loop-grid\/","title":{"rendered":"How to Apply Filters to Elementor Pro Loop Grid"},"content":{"rendered":"\n

First, navigate to WordPress Dashboard > Smart Filters > Settings <\/em><\/strong>and activate the Elementor Pro Loop Grid<\/strong> toggle in the General Settings<\/strong> tab.<\/p>\n\n\n\n

\"enable<\/a><\/div>\n\n\n\n

The \u201cElementor Pro Loop Grid\u201d option is now available for filters on the editing page.<\/p>\n\n\n\n

Create a Filter<\/strong><\/h2>\n\n\n\n
\n
\n

Follow the WordPress Dashboard > Smart Filters > <\/em><\/strong>click the \u201cAdd New<\/strong>\u201d button. Create any filter to use further with the Loop Grid<\/strong>. To learn about all filter types creation processes, proceed to the JetSmartFilters<\/em> page<\/a>, scroll down to the Types of Filters<\/strong> chapter, and select the desired step-by-step tutorial.<\/p>\n\n\n\n

For example, we created a Select Filter<\/strong><\/a> to be able to filter posts by their categories.\u00a0<\/p>\n\n\n\n

\"select<\/a><\/div>\n\n\n\n

When you finish setting the filter, press the \u201cUpdate<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n

Apply the Filter to the Loop Grid<\/strong><\/h2>\n\n\n\n
\n

Proceed to the page where the Loop Grid <\/strong>is expected to be filtered. Add the Loop Grid<\/strong> and the filter widgets. To learn about the Loop Grid<\/strong> widget settings, consult the official Elementor documentation.<\/p>\n\n\n\n

In the filter\u2019s widget settings (Select Filter<\/strong> in our case), select the filter you created. In the This filter for <\/strong>dropdown, select the \u201cElementor Pro Loop Grid\u201d provider.<\/p>\n\n\n\n

\"select<\/a><\/div>\n\n\n\n

In the Loop Grid<\/strong> widget settings, enable the Is Filterable<\/strong> toggle.<\/p>\n\n\n\n

\"is<\/a><\/div>\n\n\n\n

Usage of Query IDs<\/h3>\n\n\n\n
\n

Filter can additionally be applied with the Query IDs<\/strong>. You only need them if:<\/p>\n\n\n\n