{"id":50554,"date":"2026-01-14T15:27:31","date_gmt":"2026-01-14T15:27:31","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&#038;p=50554"},"modified":"2026-01-19T09:18:13","modified_gmt":"2026-01-19T09:18:13","slug":"making-jetelements-and-jettabs-widgets-dynamic-with-query-builder","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/","title":{"rendered":"Making JetElements and JetTabs Widgets Dynamic with Query Builder"},"content":{"rendered":"\n<p><em>JetEngine\u2019s<\/em> <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Query Builder<\/strong><\/a> module adds <span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\">dynamics and flexibility to\u00a0<em>JetElements<\/em>\u2019 and\u00a0<em>JetTabs<\/em>\u2019 widgets, which are initially\u00a0<\/span>static. Modern websites often rely on dynamic functionality. Adding flexibility to new widgets improves content scalability, reduces manual work, and ensures consistent data output across the website. By connecting widgets to <strong>Query Builder<\/strong>, you can dynamically populate their content with posts, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">meta fields<\/a>, <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/relations-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>relations<\/strong><\/a>, or custom query results, making them fully adaptable to different use cases and data structures.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tabs-for-posts\">Tabs for Posts<\/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>To display the dedicated posts in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/tabs-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Tabs<\/strong><\/a> widget dynamically, first of all, create a \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/query-builder-posts-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\">Posts Query<\/a>\u201d. For that, proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>Give a <strong>Name <\/strong>to the query and select the \u201cPosts Query\u201d <strong>Type<\/strong>. Set the needed <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Post Type<\/strong><\/a> and select the <strong>Post Status<\/strong> (\u201cPublished (publish)\u201d).&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-1024x640.webp\" alt=\"query for the listing for tabs with posts\" class=\"wp-image-50555\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Proceed to the <strong>Post &amp; Page <\/strong>tab, click the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/dynamic-tags-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Tag<\/strong><\/a>\u201d icon next to the<strong> Posts In<\/strong> field, and select the \u201cCurrent ID\u201d option.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in-1024x640.webp\" alt=\"current id selected for the posts in\" class=\"wp-image-50556\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/current-id-selected-for-the-posts-in.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Save the query.&nbsp;<\/p>\n\n\n\n<p>Proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings\/Components<\/em><\/strong> and click the \u201c<strong>Add New Item<\/strong>\u201d button.<\/p>\n\n\n\n<p>Build the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-a-listing-template-for-post-types\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Template<\/strong><\/a>, which will be displayed inside the <strong>Tabs<\/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\/01\/listing-for-the-tabs-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-1024x640.webp\" alt=\"listing for the tabs for posts\" class=\"wp-image-50557\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Publish<\/strong>\u201d button once you are ready.&nbsp;<\/p>\n\n\n\n<p>Now, move to the Elementor templates and create a new one.&nbsp; Select the \u201cPage\u201d type and enter the name for your template.&nbsp;<\/p>\n\n\n\n<p>Then, click the \u201c<strong>Create Template<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts-1024x640.webp\" alt=\"template for the tabs for posts\" class=\"wp-image-50558\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-the-tabs-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>On the newly opened template editing page, add the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> widget. In the <strong><em>General &gt; Listing <\/em><\/strong>field, select the template you have created.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template-1024x640.webp\" alt=\"listing added to the template\" class=\"wp-image-50559\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-o-the-template.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Open the <strong>Custom Query<\/strong> tab and enable the<strong> Use Custom Query<\/strong> toggle. Select the <strong>Custom Query <\/strong>you have created. The listing may show the \u201cNo data was found\u201d message, but it is okay on this step. Go on and save the settings.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts-1024x640.webp\" alt=\"query applied to the listing for tabs for posts\" class=\"wp-image-50560\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-applied-to-the-listing-for-tabs-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Now, create one more \u201cPosts Query\u201d for the same <strong>CPT<\/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\/01\/query-for-the-tabs-widget-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts-1024x640.webp\" alt=\"query for the tabs widget for posts\" class=\"wp-image-50561\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-tabs-widget-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Add any additional desired settings to the query if needed \u2014 here, you <span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\">specify which posts will be shown in the&nbsp;<strong>Tabs&nbsp;<\/strong>(we specified the required posts by<\/span> their IDs in the <strong><em>Post &amp; Page &gt; Post In<\/em><\/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\/01\/posts-in-for-the-query-for-the-tabs-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts-1024x640.webp\" alt=\"posts in for the query for the tabs for posts\" class=\"wp-image-50563\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/posts-in-for-the-query-for-the-tabs-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Save the query.&nbsp;<\/p>\n\n\n\n<p>Go to the page where you need to display the <strong>Tabs<\/strong>, then add the <strong>Tabs <\/strong>widget to it. Enable the <strong>Use JetEngine query<\/strong> toggle and in the <strong>Select Query<\/strong> field, choose the last query you created.&nbsp;<\/p>\n\n\n\n<p>Ensure that you have only one <strong>Item<\/strong>. For the <strong>Content Type<\/strong>, select the \u201cTemplate\u201d option, then in the <strong>Choose Template<\/strong> field, pick the template you created.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page-1024x640.webp\" alt=\"tabs for posts added to the page\" class=\"wp-image-50562\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-added-to-the-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Publish the page and check the front end. The <strong>Tabs <\/strong>with the selected six posts are displayed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front-1024x640.webp\" alt=\"tabs for posts on the front\" class=\"wp-image-50564\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-on-the-front.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"terms-tabs-for-posts\">Terms Tabs for Posts<\/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, we will investigate how to dynamically display the posts classified by the terms in the <strong>Tabs<\/strong>.&nbsp;<\/p>\n\n\n\n<p>First, create a \u201cPosts Query\u201d. For that, proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button. Enter the query <strong>Name<\/strong> and select the \u201cPosts Query\u201d <strong>Type<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Choose the needed <strong>Post Type <\/strong>in the <strong>General <\/strong>settings tab.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms-1024x640.webp\" alt=\"query for the listing for the tabs for posts of terms\" class=\"wp-image-50565\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-the-tabs-for-posts-of-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Move to the <strong>Tax Query<\/strong> tab and click the \u201c<strong>Add new<\/strong>\u201d button. Select the needed <strong>Taxonomy<\/strong> and the \u201cTerm ID\u201d option in the <strong>Field <\/strong>input. Next to the <strong>Terms <\/strong>field, click the \u201c<strong>Dynamic Tag<\/strong>\u201d icon and select the \u201cQueried term\u201d option. Choose the \u201cIN\u201d option for the <strong>Compare operator<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms-1024x640.webp\" alt=\"tax query in the posts query for the tabs for posts of terms\" class=\"wp-image-50566\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tax-query-in-the-posts-query-for-the-tabs-for-posts-of-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Add Query<\/strong>\u201d button once you are ready.<\/p>\n\n\n\n<p>Build a <strong>Listing Template<\/strong> proceeding to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings\/Components<\/em><\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms-1024x640.webp\" alt=\"listing for the tabs for posts of terms\" class=\"wp-image-50567\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-for-the-tabs-for-posts-of-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Save the <strong>Listing Template<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Then, create an Elementor template to display in the <strong>Tabs<\/strong>. In the template, add the <strong>Listing Grid<\/strong> widget and apply the query you created.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms-1024x640.webp\" alt=\"listing added to the template for the tabs for posts of terms\" class=\"wp-image-50568\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/listing-added-to-the-template-for-the-tabs-for-posts-of-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Save the template.<\/p>\n\n\n\n<p>Then, create a \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-query-builder-terms-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\">Terms Query<\/a>\u201d. Move to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button. Enter the <strong>Query Name<\/strong> and select the \u201cTerms Query\u201d <strong>Type<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Select the <strong>Taxonomy <\/strong>in the <strong>General <\/strong>tab and save the query.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms-1024x640.webp\" alt=\"terms query for tabs for posts of terms\" class=\"wp-image-50569\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-posts-of-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Go to the page where the <strong>Tabs <\/strong>will be displayed. Add the <strong>Tabs <\/strong>widget and enable the <strong>Use JetEngine query<\/strong> toggle. Select the \u201cTerms Query\u201d you created.&nbsp;<\/p>\n\n\n\n<p>Ensure that one <strong>Item <\/strong>only is added. To display the terms as the tabs\u2019 names, click the \u201c<strong>Dynamic Tag<\/strong>\u201d icon next to the <strong>Label <\/strong>field. Select the \u201cTerm Field\u201d option, and in the newly opened pop-up, select the <strong>Taxonomy <\/strong>and the \u201cTerm name\u201d option as the <strong>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\/01\/label-set-up-for-tabs-for-posts-of-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms-1024x640.webp\" alt=\"label set up for tabs for posts of terms\" class=\"wp-image-50570\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/label-set-up-for-tabs-for-posts-of-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Ensure that the \u201cTemplate\u201d option is selected for the <strong>Content Type<\/strong>. In the <strong>Choose Template<\/strong> field, select the template you created. Save the page.&nbsp;<\/p>\n\n\n\n<p>On the front end, you get tabs with posts classified by terms.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front-1024x640.webp\" alt=\"tabs for posts of terms on the front\" class=\"wp-image-50571\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-posts-of-terms-on-the-front.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tabs-for-parent-and-child-terms\">Tabs for Parent and Child Terms<\/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, we will create <strong>Tabs <\/strong>with child terms, divided by parent terms.&nbsp;<\/p>\n\n\n\n<p>First, create a \u201cTerms Query\u201d by going to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and clicking the \u201c<strong>Add New<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<p>Select the needed <strong>Taxonomy <\/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\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms-1024x640.webp\" alt=\"terms query for listing for tabs for parent and child terms\" class=\"wp-image-50572\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-listing-for-tabs-for-parent-and-child-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Move to the <strong>Parent\/Child<\/strong> tab and in the <strong>Parent <\/strong>field select the \u201cQueried term\u201d option after clicking the \u201c<strong>Dynamic Tag<\/strong>\u201d icon.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms-1024x640.webp\" alt=\"parent field set up in terms query for listing for tabs for parent and child terms \" class=\"wp-image-50573\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/parent-field-set-up-in-terms-query-for-listing-for-tabs-for-parent-and-child-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Add Query<\/strong>\u201d button.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Now, create a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/creating-a-listing-template-for-the-terms-from-custom-taxonomy-with-jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Template<\/strong><\/a> for the children terms. For that, proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Lisings\/Components<\/em><\/strong>. Click the \u201c<strong>Add new item<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms-1024x640.webp\" alt=\"terms listing for tabs for parent and child terms\" class=\"wp-image-50574\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-listing-for-tabs-for-parent-and-child-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Publish the <strong>Listing Template<\/strong> and proceed to Elementor to create a \u201cPage\u201d template. <span style=\"box-sizing: border-box; margin: 0px; padding: 0px;\">In the template, add the&nbsp;<strong>Listing Grid<\/strong>&nbsp;widget and select the&nbsp;<strong>Listing&nbsp;<\/strong>you<\/span> created. Apply the \u201cTerms Query\u201d you created to the <strong>Listing Grid<\/strong>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms-1024x640.webp\" alt=\"template for tabs for parent and child terms\" class=\"wp-image-50575\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/template-for-tabs-for-parent-and-child-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Then create another \u201cTerms Query\u201d for the same <strong>Taxonomy<\/strong>. After adding the <strong>Name<\/strong>, <strong>Query Type<\/strong>, and selecting the <strong>Taxonomy <\/strong>in the <strong>General <\/strong>tab, proceed to the <strong>Parent\/Child<\/strong> tab and put \u201c0\u201d in the <strong>Parent <\/strong>field.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms-1024x640.webp\" alt=\"terms query for tabs for parent and child terms\" class=\"wp-image-50576\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/terms-query-for-tabs-for-parent-and-child-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Add Query<\/strong>\u201d button once you are ready.&nbsp;<\/p>\n\n\n\n<p>Move to the page and add the <strong>Tabs <\/strong>widget. Turn on the <strong>Use JetEngine <\/strong><strong>q<\/strong><strong>uery<\/strong> toggle and select the latest \u201cTerms Query\u201d you created.&nbsp;<\/p>\n\n\n\n<p>Ensure that one <strong>Item <\/strong>only is added. To display the parents\u2019 terms as the tabs\u2019 names, click the \u201c<strong>Dynamic Tag<\/strong>\u201d icon next to the <strong>Label <\/strong>field. Select the \u201cTerm Field\u201d option, and in the newly opened pop-up, select the <strong>Taxonomy <\/strong>and the \u201cTerm name\u201d option.<\/p>\n\n\n\n<p>Choose the \u201cTemplate\u201d option for the <strong>Content Type<\/strong>. In the <strong>Choose Template<\/strong> field, select the template you created. Save the page.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms-1024x640.webp\" alt=\"set up for tabs for parent and child terms\" class=\"wp-image-50577\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/set-up-for-tabs-for-parent-and-child-terms.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>On the frontend page, you get tabs with children terms classified by parent terms.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front-1024x640.webp\" alt=\"tabs for parent and child terms on the front\" class=\"wp-image-50578\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/tabs-for-parent-and-child-terms-on-the-front.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"slider-for-posts\">Slider for Posts<\/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>To display posts in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/how-to-create-a-slider-with-the-jetelements-slider-widget-for-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Slider<\/strong><\/a> dynamically, create a \u201cPosts Query\u201d<strong> <\/strong>to return posts from the needed <strong>CPT<\/strong>.&nbsp;<\/p>\n\n\n\n<p>For that, move to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>Enter a <strong>Name <\/strong>for the query and select \u201cPosts Query\u201d as the <strong>Query Type<\/strong>. In the <strong>Post Type<\/strong> field of the <strong>General <\/strong>tab, choose the needed <strong>CPT<\/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\/01\/query-for-the-sliders-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts-1024x640.webp\" alt=\"query for the sliders for posts\" class=\"wp-image-50579\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-sliders-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>You can add any other needed settings and save the query.&nbsp;<\/p>\n\n\n\n<p>Go to the page where you need to display the slider, then add the <strong>Slider <\/strong>widget. Enable the <strong>Use JetEngine query<\/strong> toggle and select the query you created.&nbsp;<\/p>\n\n\n\n<p>Ensure that one <strong>Item <\/strong>only is kept. To display data from the posts, click the \u201c<strong>Dynamic Tag<\/strong>\u201d icon next to the needed fields and select the needed \u201cCustom Field\u201d.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically-1024x640.webp\" alt=\"slider settings to display posts dynamically\" class=\"wp-image-50580\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-settings-to-display-posts-dynamically.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once you are ready, publish the page and check the frontend. Here, we dynamically load the selected posts into the <strong>Slider <\/strong>widget.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front-1024x640.webp\" alt=\"slider displays posts dynamically on the front\" class=\"wp-image-50581\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/slider-displays-posts-dynamically-on-the-front.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"testimonials-for-posts\">Testimonials for Posts<\/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>To dynamically display the posts in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-testimonials-widget-how-to-add-customers-reviews\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Testimonials<\/strong><\/a> widgets, first build a \u201cPosts Query\u201d. It can be a query that returns posts of the dedicated <strong>CPT<\/strong>.<\/p>\n\n\n\n<p>For that, proceed to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>Enter a <strong>Name <\/strong>for the query and select \u201cPosts Query\u201d as the <strong>Query Type<\/strong>. In the <strong>Post Type<\/strong> field of the <strong>General <\/strong>tab, choose the required <strong>CPT<\/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\/01\/query-for-the-testimonials-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts-1024x640.webp\" alt=\"query for the testimonials for posts\" class=\"wp-image-50582\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-testimonials-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Add any other settings you need to the query and save it.&nbsp;<\/p>\n\n\n\n<p>Proceed to the page where the data should be displayed. Add the <strong>Testimonials <\/strong>widget and enable the <strong>Use JetEngine <\/strong><strong>q<\/strong><strong>uery<\/strong> toggle. Select the query that was created before.&nbsp;<\/p>\n\n\n\n<p>Keep one <strong>Item <\/strong>only. Then, to display the posts\u2019 data, click the \u201c<strong>Dynamic Tag<\/strong>\u201d icon next to the field we need to fill in, select the \u201cCustom Field\u201d option, and choose the desired field.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up-1024x640.webp\" alt=\"testimonials for posts set up\" class=\"wp-image-50583\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-set-up.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Save the changes when you are ready, then check the frontend.&nbsp;<\/p>\n\n\n\n<p>Here, we dynamically display the <strong>Testimonials <\/strong>with the posts.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front-1024x640.webp\" alt=\"testimonials for posts on the front\" class=\"wp-image-50584\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/testimonials-for-posts-on-the-front.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vertical-timeline-for-posts\">Vertical Timeline for Posts<\/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>To dynamically pull posts into the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-vertical-timeline-widget-how-to-add-a-project-timeline\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Vertical Timeline<\/strong><\/a> widget, you first need to create a \u201cPosts Query\u201d.<\/p>\n\n\n\n<p>Navigate to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em><\/strong> and click the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>Enter a <strong>Name <\/strong>for the query and select \u201cPosts Query\u201d as the <strong>Query Type<\/strong>. In the <strong>Post Type<\/strong> field of the <strong>General <\/strong>tab, choose the required <strong>CPT<\/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\/01\/query-for-the-vertical-timeline-widget-for-posts.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts-1024x640.webp\" alt=\"posts query for the vertical timeline widget for posts\" class=\"wp-image-50585\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-vertical-timeline-widget-for-posts.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Adjust additional query settings if needed.<\/p>\n\n\n\n<p>Click \u201c<strong>Add Query<\/strong>\u201d to save the changes.<\/p>\n\n\n\n<p>Proceed to the page where you need to display the data and open it in Elementor. Locate the <strong>Vertical Timeline<\/strong> widget.<\/p>\n\n\n\n<p>In the <strong>Cards <\/strong>tab of the widget settings, enable the<strong> Use JetEngine<\/strong><strong> q<\/strong><strong>uery<\/strong> toggle. Select the custom query created earlier.<\/p>\n\n\n\n<p>Leave only one <strong>Card <\/strong>and remove the rest. This card will act as a template for dynamically loaded items.<\/p>\n\n\n\n<p>To dynamically pull data from posts, use \u201c<strong>Dynamic Tags<\/strong>\u201d for the widget fields. Click the \u201c<strong>Dynamic Tags<\/strong>\u201d icon and select the \u201cCustom Field\u201d option. Choose the required meta 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\/01\/vertical-timeline-for-posts-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings-1024x640.webp\" alt=\"vertical timeline for posts settings\" class=\"wp-image-50586\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once finished, click \u201c<strong>Publish<\/strong>\u201d<strong> <\/strong>to save the page. Open it on the front end to check how it works.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front-1024x640.webp\" alt=\"vertical timeline for posts on the front\" class=\"wp-image-50587\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/vertical-timeline-for-posts-on-the-front.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it. Now you know how to make <strong>Tabs<\/strong>, <strong>Slider<\/strong>, <strong>Testimonials<\/strong>, and <strong>Vertical Timeline<\/strong> widgets from <em>JetElements <\/em>and <em>JetTabs <\/em>be updated dynamically using the <em>JetEngine\u2019s <\/em><strong>Query Builder<\/strong> module on the WordPress site.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.<\/p>\n","protected":false},"author":20,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[359],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Making JetElements and JetTabs Widgets Dynamic with Query Builder \u2014 JetEngine | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.\" \/>\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\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Making JetElements and JetTabs Widgets Dynamic with Query Builder \u2014 JetEngine | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-19T09:18:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-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=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/\",\"name\":\"Making JetElements and JetTabs Widgets Dynamic with Query Builder \u2014 JetEngine | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-01-14T15:27:31+00:00\",\"dateModified\":\"2026-01-19T09:18:13+00:00\",\"description\":\"Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Making JetElements and JetTabs Widgets Dynamic with Query Builder\"}]},{\"@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\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Making JetElements and JetTabs Widgets Dynamic with Query Builder \u2014 JetEngine | Crocoblock","description":"Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.","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\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/","og_locale":"en_US","og_type":"article","og_title":"Making JetElements and JetTabs Widgets Dynamic with Query Builder \u2014 JetEngine | Crocoblock","og_description":"Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/","og_site_name":"Help Center","article_modified_time":"2026-01-19T09:18:13+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/01\/query-for-the-listing-for-tabs-with-posts-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/","name":"Making JetElements and JetTabs Widgets Dynamic with Query Builder \u2014 JetEngine | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-01-14T15:27:31+00:00","dateModified":"2026-01-19T09:18:13+00:00","description":"Learn how to add dynamics to the JetElements and JetTabs Widgets using JetEngine\u2019s Query Builder.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/making-jetelements-and-jettabs-widgets-dynamic-with-query-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Making JetElements and JetTabs Widgets Dynamic with Query Builder"}]},{"@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\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks\/50554"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/20"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=50554"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=50554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}