{"id":51919,"date":"2026-05-28T12:19:18","date_gmt":"2026-05-28T12:19:18","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=51919"},"modified":"2026-05-28T12:19:20","modified_gmt":"2026-05-28T12:19:20","slug":"using-jetengine-query-builder-with-bricks-query-loop","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/","title":{"rendered":"How to Use JetEngine Query Builder with Bricks Query Loop"},"content":{"rendered":"\n<p>This custom query setup for Bricks and <em>JetEngine <\/em>allows displaying only specific items dynamically based on the configured query conditions.<\/p>\n\n\n\n<p>Using <em>JetEngine <\/em>Query Builder instead of the native Bricks query options is also important for compatibility with other <em>JetPlugins <\/em>features, such as <a href=\"https:\/\/crocoblock.com\/plugins\/jetsmartfilters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetSmartFilters<\/em><\/a>, custom queries, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetengine-how-to-add-pagination-to-the-listing-grid-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\">pagination<\/a>, and <strong>Load More<\/strong> functionality.<\/p>\n\n\n\n<p>As an example, we will create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/query-builder-posts-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cPosts\u201d query<\/a> that outputs only the \u201cfull-time\u201d vacancies and display them in a Bricks template together with the \u201csalary\u201d meta field.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"activate-post-types\">Activate Post Types<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Initially, make sure that the needed <strong>Post Types<\/strong> that you want to display in the <strong>Query Loop<\/strong> are enabled in the <strong><em>WordPress Dashboard > Bricks > Settings <\/em><\/strong>directory. For example, we need the \u201cJobs (Vacancies)\u201d <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Post Types<\/strong><\/a><strong> <\/strong>to be activated.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-1024x640.webp\" alt=\"post types selected in the bricks settings\" class=\"wp-image-51920\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Don\u2019t forget ot press the \u201c<strong>Save Settings<\/strong>\u201d button below.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"build-a-query\">Build a Query<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\"><div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">If you want to display <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-content-type\/\">Custom Content Type<\/a> (<strong>CCT<\/strong>) items in the Bricks <strong>Query Loop<\/strong>, you need to use <i>JetEngine<\/i> <strong>Query Builder<\/strong> because <strong>CCT<\/strong> queries are not available in the native Bricks query options.<\/p><\/div><\/div>\n\n\n\n<p>In this example, we will create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">custom query<\/a> in <em>JetEngine <\/em>for the Bricks <strong>Query Loop<\/strong>. Go to <strong><em>WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>and hit \u201c<strong>Add New<\/strong>.\u201d<\/p>\n\n\n\n<p>When the new query editor is opened, enter the query\u2019s <strong>Name<\/strong>. In our case, \u201cFull-time job query.\u201d<\/p>\n\n\n\n<p>Then, select the needed <strong>Query Type<\/strong>. In this guide, we will use \u201cPosts Query.\u201d<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Optionally, you can set a <strong>Query ID<\/strong> if you plan to connect filters, sorting, or pagination later. For a basic <strong>Query Loop<\/strong> setup, it is not required. <\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1-1024x640.webp\" alt=\"general settings tab in the query builder\" class=\"wp-image-51921\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-settings-tab-in-the-query-builder-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Scrolling down to the <strong>Posts Query <\/strong>section, we pick the \u201cJobs (Vacancies)\u201d <strong>Post Type <\/strong>in the <strong>General <\/strong>tab.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1-1024x640.webp\" alt=\"general tab of the posts query\" class=\"wp-image-51922\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/general-tab-of-the-posts-query-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then, we open the <strong>Tax Query <\/strong>tab and press the \u201c<strong>Add new<\/strong>\u201d button.<\/p>\n\n\n\n<p>We want to filter the posts by the term of the \u201cVacancy Type\u201d <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">taxonomy<\/a>, so we select it in the <strong>Taxonomy <\/strong>field.\u00a0<\/p>\n\n\n\n<p>After that, we select the \u201cSlug\u201d option as the <strong>Field <\/strong>so the query will search posts by the taxonomy term slug. Then, we specify the slug itself (\u201cfull-time\u201d) in the <strong>Terms <\/strong>field.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1-1024x640.webp\" alt=\"tax query tab of the posts query\" class=\"wp-image-51923\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/tax-query-tab-of-the-posts-query-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all for our query customization. Make other customizations, and when ready, press the \u201c<strong>Add Query<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create-a-template\">Create a Template<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>It\u2019s time to build a template with the <strong>Query Loop<\/strong>. So, open the <strong><em>WordPress Dashboard &gt; Bricks &gt; Templates <\/em><\/strong>directory and press the \u201c<strong>Add New Template<\/strong>\u201d button.<\/p>\n\n\n\n<p>Enter the title and select the needed template type (for example, \u201cSection\u201d). Once done, open the template in the editor.<\/p>\n\n\n\n<p>In the Bricks editor, first, we add a two-column layout.<\/p>\n\n\n\n<p>In the first column, we add a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field<\/strong><\/a><strong> <\/strong>element. We leave the default \u201cPost\/Term\/User\/Option Data\u201d <strong>Source <\/strong>and the \u201cTitle\u201d <strong>Object Field<\/strong>. This way, you will now see the page\u2019s title, but it will be changed once we select our query in the further steps.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1-1024x640.webp\" alt=\"post title dynamic field in bricks\" class=\"wp-image-51924\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-title-dynamic-field-in-bricks-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>For this, click on the <strong>Section <\/strong>to see its settings.<\/p>\n\n\n\n<p>Here, activate the Bricks <strong>Query Loop <\/strong>toggle and press the \u201c<strong>infinity<\/strong>\u201d sign next to the<strong> Query <\/strong>field.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1-1024x640.webp\" alt=\"query loop activated in bricks\" class=\"wp-image-51925\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-loop-activated-in-bricks-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the opened pop-up, select the \u201cJetEngine Query Builder\u201d <strong>Type <\/strong>to use the custom query in Bricks.<strong> <\/strong>This ensures compatibility with <em>JetSmartFilters<\/em>, sorting, and \u201cLoad More\u201d features.&nbsp;<\/p>\n\n\n\n<p>Then click outside the pop-up to close it.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1-1024x640.webp\" alt=\"jetengine query builder selected as a query loop source\" class=\"wp-image-51926\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/jetengine-query-builder-selected-as-a-query-loop-source-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>JetEngine Queries <\/strong>field, select the query you have built earlier. In our case, it\u2019s \u201cFull-time jobs query.\u201d<\/p>\n\n\n\n<p>After selecting the query, the queried<strong> <\/strong>items will appear in the editor preview.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1-1024x640.webp\" alt=\"query selected in the section\" class=\"wp-image-51927\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/query-selected-in-the-section-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>You can switch to the <strong>STYLE <\/strong>tab of the element settings to make some changes to the element\u2019s style if needed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1-1024x640.webp\" alt=\"style settings of the dynamic field\" class=\"wp-image-51928\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/style-settings-of-dynamic-field-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>We also change the <strong>Margin <\/strong>settings of the section.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1-1024x640.webp\" alt=\"section layout settings\" class=\"wp-image-51929\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/section-layout-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Moving to the second column, we add another <strong>Dynamic Field<\/strong> here. This time, the <strong>Source <\/strong>is set to \u201cMeta Data\u201d and the <strong>Meta Field <\/strong>to \u201csalary.\u201d This is a <em>JetEngine<\/em> <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">meta field<\/a> that stores the salary of the offered vacancies.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1-1024x640.webp\" alt=\"salary dynamic field settings\" class=\"wp-image-51930\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>We also work on the <strong>STYLE <\/strong>settings of this <strong>Dynamic Field<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1-1024x640.webp\" alt=\"salary dynamic field style settings\" class=\"wp-image-51931\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/salary-dynamic-field-style-settings-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Publish the template when ready.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"check-the-result\">Check the Result<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>Now, you can open the front end and check the result. In our case, all the full-time jobs are displayed here, along with the offered salaries.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1-1024x640.webp\" alt=\"bricks query loop on the front end\" class=\"wp-image-51932\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/bricks-query-loop-on-the-front-end-1824x1140-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1779961731000\"><strong class=\"schema-faq-question\"><strong>Why don\u2019t filters, sorting, or Load More work with my Query Loop?<\/strong><\/strong> <p class=\"schema-faq-answer\">This usually happens when <em>JetSmartFilters<\/em>, sorting, or pagination features are not correctly connected to the <em>JetEngine <\/em><strong>Query Builder Query Loop<\/strong>.<br\/><br\/>Make sure of the following:<br\/><br\/>&#8211; The <strong>Query Loop<\/strong> is set to <em>JetEngine <\/em><strong>Query Builder<\/strong>, not the native Bricks query;<br\/>&#8211; The correct provider is selected in <em>JetSmartFilters<\/em>;<br\/>&#8211; The <strong>Query ID<\/strong> from <em>JetEngine <\/em><strong>Query Builder<\/strong> is used (not the Bricks <strong>CSS ID<\/strong>);<br\/>&#8211; <strong>Sorting <\/strong>and <strong>Load More<\/strong> elements are also connected to the same <em>JetEngine <\/em><strong>Query ID<\/strong>.<br\/><br\/>The <strong>Query ID<\/strong> (<em>JetEngine<\/em>) controls query behavior, while the <strong>CSS ID<\/strong> (Bricks) is only used for styling and layout purposes. They are not interchangeable.<br\/><\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1779961789943\"><strong class=\"schema-faq-question\"><strong>Which JetSmartFilters provider should I choose?<\/strong><\/strong> <p class=\"schema-faq-answer\">If you are using <em>JetEngine <\/em><strong>Query Builder<\/strong>, select <em>JetEngine <\/em>as the provider. If you are using the native Bricks <strong>Query Loop<\/strong>, select Bricks as the provider.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1779961800445\"><strong class=\"schema-faq-question\"><strong>Can I use other Query Types with the Bricks Query Loop?<\/strong><\/strong> <p class=\"schema-faq-answer\">Yes. <em>JetEngine <\/em><strong>Query Builder <\/strong>supports different types of queries, so you can use any of them with Bricks <strong>Query Loop<\/strong>.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1779961819472\"><strong class=\"schema-faq-question\"><strong>Why are there no items displayed in the Query Loop?<\/strong><\/strong> <p class=\"schema-faq-answer\">Check our <a href=\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/bricks-query-loop-shows-no-results-with-jetengine-query-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Bricks Query Loop Shows No Results with JetEngine Query Builder<\/strong><\/a> troubleshooting guide to fix the issues that may have appeared during the customization process.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1779961844726\"><strong class=\"schema-faq-question\"><strong>Should the JetEngine Query ID match the Bricks CSS ID?<\/strong><\/strong> <p class=\"schema-faq-answer\">No. The <em>JetEngine <\/em><strong>Query ID<\/strong> and the Bricks <strong>CSS ID<\/strong> are different settings used for different purposes. The <strong>Query ID<\/strong> identifies the custom query created in <em>JetEngine <\/em><strong>Query Builder<\/strong>, while the <strong>CSS ID<\/strong> identifies the Bricks element itself.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1779961855558\"><strong class=\"schema-faq-question\"><strong>Can I display JetEngine meta fields inside the Query Loop?<\/strong><\/strong> <p class=\"schema-faq-answer\">Yes. Use the <strong>Dynamic Field<\/strong> element with the \u201cMeta Data\u201d <strong>Source <\/strong>and select the needed <em>JetEngine <\/em>meta field.<\/p> <\/div> <\/div>\n\n\n\n<p>That\u2019s all about using <em>JetEngine<\/em>\u2019s <strong>Query Builder <\/strong>with the Bricks <strong>Query Loop <\/strong>feature on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will show how to create a Bricks template with a Query Loop that uses JetEngine Query Builder as a source.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[528],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use Query Builder with Bricks Query Loop \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to use JetEngine\u2019s Query Builder with Bricks Query Loop on your WordPress website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Query Builder with Bricks Query Loop \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to use JetEngine\u2019s Query Builder with Bricks Query Loop on your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-28T12:19:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/\",\"name\":\"How to Use Query Builder with Bricks Query Loop \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-05-28T12:19:18+00:00\",\"dateModified\":\"2026-05-28T12:19:20+00:00\",\"description\":\"Learn how to use JetEngine\u2019s Query Builder with Bricks Query Loop on your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961731000\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961789943\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961800445\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961819472\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961844726\"},{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961855558\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use JetEngine Query Builder with Bricks Query Loop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961731000\",\"position\":1,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961731000\",\"name\":\"Why don\u2019t filters, sorting, or Load More work with my Query Loop?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This usually happens when <em>JetSmartFilters<\/em>, sorting, or pagination features are not correctly connected to the <em>JetEngine <\/em><strong>Query Builder Query Loop<\/strong>.<br\/><br\/>Make sure of the following:<br\/><br\/>- The <strong>Query Loop<\/strong> is set to <em>JetEngine <\/em><strong>Query Builder<\/strong>, not the native Bricks query;<br\/>- The correct provider is selected in <em>JetSmartFilters<\/em>;<br\/>- The <strong>Query ID<\/strong> from <em>JetEngine <\/em><strong>Query Builder<\/strong> is used (not the Bricks <strong>CSS ID<\/strong>);<br\/>- <strong>Sorting <\/strong>and <strong>Load More<\/strong> elements are also connected to the same <em>JetEngine <\/em><strong>Query ID<\/strong>.<br\/><br\/>The <strong>Query ID<\/strong> (<em>JetEngine<\/em>) controls query behavior, while the <strong>CSS ID<\/strong> (Bricks) is only used for styling and layout purposes. They are not interchangeable.<br\/>\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961789943\",\"position\":2,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961789943\",\"name\":\"Which JetSmartFilters provider should I choose?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"If you are using <em>JetEngine <\/em><strong>Query Builder<\/strong>, select <em>JetEngine <\/em>as the provider. If you are using the native Bricks <strong>Query Loop<\/strong>, select Bricks as the provider.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961800445\",\"position\":3,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961800445\",\"name\":\"Can I use other Query Types with the Bricks Query Loop?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. <em>JetEngine <\/em><strong>Query Builder <\/strong>supports different types of queries, so you can use any of them with Bricks <strong>Query Loop<\/strong>.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961819472\",\"position\":4,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961819472\",\"name\":\"Why are there no items displayed in the Query Loop?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Check our <a href=\\\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/bricks-query-loop-shows-no-results-with-jetengine-query-builder\/\\\" target=\\\"_blank\\\" rel=\\\"noreferrer noopener\\\"><strong>Bricks Query Loop Shows No Results with JetEngine Query Builder<\/strong><\/a> troubleshooting guide to fix the issues that may have appeared during the customization process.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961844726\",\"position\":5,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961844726\",\"name\":\"Should the JetEngine Query ID match the Bricks CSS ID?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. The <em>JetEngine <\/em><strong>Query ID<\/strong> and the Bricks <strong>CSS ID<\/strong> are different settings used for different purposes. The <strong>Query ID<\/strong> identifies the custom query created in <em>JetEngine <\/em><strong>Query Builder<\/strong>, while the <strong>CSS ID<\/strong> identifies the Bricks element itself.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961855558\",\"position\":6,\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961855558\",\"name\":\"Can I display JetEngine meta fields inside the Query Loop?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Use the <strong>Dynamic Field<\/strong> element with the \u201cMeta Data\u201d <strong>Source <\/strong>and select the needed <em>JetEngine <\/em>meta field.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Query Builder with Bricks Query Loop \u2014 JetEngine | Crocoblock","description":"Learn how to use JetEngine\u2019s Query Builder with Bricks Query Loop on your WordPress website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/","og_locale":"en_US","og_type":"article","og_title":"How to Use Query Builder with Bricks Query Loop \u2014 JetEngine | Crocoblock","og_description":"Learn how to use JetEngine\u2019s Query Builder with Bricks Query Loop on your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/","og_site_name":"Help Center","article_modified_time":"2026-05-28T12:19:20+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/05\/post-types-selected-in-the-bricks-settings-1824x1140-1-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","FAQPage"],"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/","name":"How to Use Query Builder with Bricks Query Loop \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-05-28T12:19:18+00:00","dateModified":"2026-05-28T12:19:20+00:00","description":"Learn how to use JetEngine\u2019s Query Builder with Bricks Query Loop on your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961731000"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961789943"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961800445"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961819472"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961844726"},{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961855558"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Use JetEngine Query Builder with Bricks Query Loop"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961731000","position":1,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961731000","name":"Why don\u2019t filters, sorting, or Load More work with my Query Loop?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"This usually happens when <em>JetSmartFilters<\/em>, sorting, or pagination features are not correctly connected to the <em>JetEngine <\/em><strong>Query Builder Query Loop<\/strong>.<br\/><br\/>Make sure of the following:<br\/><br\/>- The <strong>Query Loop<\/strong> is set to <em>JetEngine <\/em><strong>Query Builder<\/strong>, not the native Bricks query;<br\/>- The correct provider is selected in <em>JetSmartFilters<\/em>;<br\/>- The <strong>Query ID<\/strong> from <em>JetEngine <\/em><strong>Query Builder<\/strong> is used (not the Bricks <strong>CSS ID<\/strong>);<br\/>- <strong>Sorting <\/strong>and <strong>Load More<\/strong> elements are also connected to the same <em>JetEngine <\/em><strong>Query ID<\/strong>.<br\/><br\/>The <strong>Query ID<\/strong> (<em>JetEngine<\/em>) controls query behavior, while the <strong>CSS ID<\/strong> (Bricks) is only used for styling and layout purposes. They are not interchangeable.<br\/>","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961789943","position":2,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961789943","name":"Which JetSmartFilters provider should I choose?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"If you are using <em>JetEngine <\/em><strong>Query Builder<\/strong>, select <em>JetEngine <\/em>as the provider. If you are using the native Bricks <strong>Query Loop<\/strong>, select Bricks as the provider.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961800445","position":3,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961800445","name":"Can I use other Query Types with the Bricks Query Loop?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. <em>JetEngine <\/em><strong>Query Builder <\/strong>supports different types of queries, so you can use any of them with Bricks <strong>Query Loop<\/strong>.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961819472","position":4,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961819472","name":"Why are there no items displayed in the Query Loop?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Check our <a href=\"https:\/\/crocoblock.com\/knowledge-base\/troubleshooting\/bricks-query-loop-shows-no-results-with-jetengine-query-builder\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Bricks Query Loop Shows No Results with JetEngine Query Builder<\/strong><\/a> troubleshooting guide to fix the issues that may have appeared during the customization process.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961844726","position":5,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961844726","name":"Should the JetEngine Query ID match the Bricks CSS ID?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"No. The <em>JetEngine <\/em><strong>Query ID<\/strong> and the Bricks <strong>CSS ID<\/strong> are different settings used for different purposes. The <strong>Query ID<\/strong> identifies the custom query created in <em>JetEngine <\/em><strong>Query Builder<\/strong>, while the <strong>CSS ID<\/strong> identifies the Bricks element itself.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961855558","position":6,"url":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/using-jetengine-query-builder-with-bricks-query-loop\/#faq-question-1779961855558","name":"Can I display JetEngine meta fields inside the Query Loop?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes. Use the <strong>Dynamic Field<\/strong> element with the \u201cMeta Data\u201d <strong>Source <\/strong>and select the needed <em>JetEngine <\/em>meta field.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/51919"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=51919"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=51919"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=51919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}