{"id":51542,"date":"2026-04-14T15:06:50","date_gmt":"2026-04-14T15:06:50","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=51542"},"modified":"2026-04-14T15:46:46","modified_gmt":"2026-04-14T15:46:46","slug":"how-to-display-search-results-by-separate-post-types","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/","title":{"rendered":"How to Display Search Results by Separate Post Types"},"content":{"rendered":"\n

Install a Plugin to Hide Empty Items<\/strong><\/h2>\n\n\n\n
\n

First, move to the Crocoblock\u2019s Free DevTools Kit <\/a>page, press the \u201cJetTabs<\/strong>\u201d button, find the Hide empty items<\/em> <\/strong>add-on, and download it.<\/p>\n\n\n\n

\"downloading<\/a><\/div>\n\n\n\n
<\/svg><\/div>
Things to know<\/div>

This plugin hides empty tabs if there is no data available; the workflow presented herein will perform the needed actions without this plugin.<\/p><\/div><\/div>\n\n\n\n

Then, install and activate this plugin as any other WordPress plugin. For example, you can do it manually<\/a> or via the WordPress Dashboard<\/a>.<\/p>\n\n\n\n

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

Configure the JetSearch Settings <\/strong><\/h2>\n\n\n\n
\n

First, move to the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetSearch<\/em><\/strong> tab. Here, select the \u201cDefault (ajax admin ajax.php request)\u201d Request Type<\/strong>.<\/p>\n\n\n\n

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

Then scroll down the settings page and add a link to a page that displays the search results. Finally, click the \u201cSave<\/strong>\u201d button at the bottom.<\/p>\n\n\n\n

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

Create Queries to Each Post Type<\/strong><\/h2>\n\n\n\n
\n

To display all post types (each in its own tab), we create separate queries for each: in this case, for regular WordPress posts, the \u201cFeatured Homes\u201d and the\u201cHot Deals\u201d CPTs<\/strong>.<\/p>\n\n\n\n

Move to the WordPress Dashboard > JetEngine > <\/em><\/strong>Query Builder<\/em><\/strong><\/a> <\/em><\/strong>tab. First, press the \u201cAdd New<\/strong>\u201d button at the top of the Queries List<\/strong> tab and create a Post Type Query<\/strong><\/a>: fill in the query\u2019s Name<\/strong>, set the \u201cPosts Query\u201d Query Type<\/strong>.<\/p>\n\n\n\n

Then move to the Posts Query > General<\/em><\/strong> tab, press the \u201cDynamic Tag<\/strong>\u201d icon near the Search Keyword<\/strong> drop-down, and select the \u201cQuery Variable\u201d option. After that, insert the Variable Name<\/strong> (the \u201cjet_search\u201d, in this case) in the appeared window and press the \u201cApply<\/strong>\u201d button. Save the changes by pressing the \u201cAdd\/Update Query<\/strong>\u201d button at the top of the page.<\/p>\n\n\n\n

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

Similarly, create Post Type Queries <\/strong>for the CPT<\/strong> to display the search results. Here, we build another two queries for the \u201cFeatured Homes\u201d CPT<\/strong> and \u201cHot Deals\u201d CPT<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n

Create Listing Items<\/strong><\/h2>\n\n\n\n
\n

Navigate to the WordPress Dashboard > JetEngine > <\/em><\/strong>Listings<\/em><\/strong><\/a>\/Components<\/em><\/strong> directory. Here, create new listings by clicking the \u201cAdd New<\/strong>\u201d button. Then, add the needed widgets and publish the listing.<\/p>\n\n\n\n

Build listing items individually for the posts and CPTs<\/strong> to be displayed in search results.<\/p>\n\n\n\n

In this case, we build the listing for the regular WordPress posts, the \u201cFeatured Homes\u201d CPT<\/strong>, and the \u201cHot Deals\u201d CPT<\/strong>.<\/p>\n\n\n\n

Read the How to Create a Listing Template for Post Types in Elementor<\/strong><\/a> <\/strong>tutorial to learn how to use the Listing template<\/em><\/strong> functionality from the JetEngine<\/em> WordPress plugin to create listing templates for dynamic content.<\/p>\n<\/div><\/div>\n\n\n\n

Create Templates<\/strong><\/h2>\n\n\n\n
\n

In this case, we first create a template for the \u201cFeatured Homes\u201d CPT<\/strong>.<\/p>\n\n\n\n

Create or open a page for each listing item and insert the Listing Grid<\/strong><\/a> <\/strong>widget into it. Then display the required listing item using it. <\/p>\n\n\n\n

The How to Create A Listing Grid in JetEngine<\/strong><\/a> video provides you with more details and explanations on configuring the widget\u2019s settings.<\/p>\n\n\n\n

In the next step, move to the Custom Query<\/strong><\/a> section, unroll it, and enable the Use Custom Query<\/strong> toggle. Then, select the previously created query in the newly appeared Custom Query<\/strong> drop-down list. Once you have completed it, save this page as a template<\/a>. To do so, click the arrow near the \u201cPublish\u201d<\/strong> button and select the \u201cSave as Template<\/strong>\u201d button.<\/p>\n\n\n\n

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

Next, in the Save this Page to your library<\/strong> window, fill in the name of the template (Tab_template_houses, in this case) in the text field and tick the \u201cSite Template\u201d checkbox. After that, press the \u201cSave<\/strong>\u201d button.<\/p>\n\n\n\n

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

In the same way, create templates for displaying other posts and\/or CPT posts. Here, we created templates for the regular WordPress posts and the \u201cHot Deals\u201d CPT<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n

Build the Search Pages<\/strong><\/h2>\n\n\n\n
\n

In this case, you need to create two pages: one for entering search queries and another for displaying the results. After submitting a search request on the first page, users are redirected to the second page, where the results are shown.<\/p>\n\n\n\n

Build the search page<\/strong><\/h3>\n\n\n\n

Open another page in the Elementor editor. Add the AJAX Search<\/strong><\/a> widget and configure the Search Form<\/a> settings. <\/p>\n\n\n\n

Then, unroll the Search Query<\/strong> tab. Enter the link to the search results page in the Custom Search Results URL<\/strong> field.<\/p>\n\n\n\n

Since the widget displays the same search results across all tabs (e.g., WordPress posts, \u201cFeatured Homes\u201d CPT<\/strong>, and \u201cHot Deals\u201d CPT<\/strong>), insert an unexisted widget ID in the Target Widget ID<\/strong> field (for example, \u201ctest\u201d).<\/p>\n\n\n\n

The next step is to select the posts to be displayed in the Source<\/strong> drop-down list (in this case, regular WordPress posts, the \u201cFeatured Homes\u201d CPT<\/strong>, and the \u201cHot Deals\u201d CPT<\/strong>).<\/p>\n\n\n\n

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

Once done, add the Tabs<\/strong> widget from the JetTabs<\/em> plugin. In the Items<\/strong> tab, click the \u201cAdd Item<\/strong>\u201d button, set the tab Label<\/strong>, choose \u201cTemplate\u201d as the Content Type<\/strong>, and select the previously created Elementor template from the Choose Template<\/strong> drop-down.<\/p>\n\n\n\n

In particular, we create three tabs and assign labels to them based on the post type names: “Features Homes,\u201d \u201cHot Deals,\u201d and \u201cPosts.\u201d Then, we assign the previously built corresponding templates to each tab.<\/p>\n\n\n\n

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

Finally, we save the page.<\/p>\n\n\n\n

Build the page for displaying results<\/strong><\/h3>\n\n\n\n

This page contains the Tabs <\/strong>widget with the same settings as the corresponding widget on the previous page. <\/p>\n\n\n\n

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

Test the Flow<\/strong><\/h2>\n\n\n\n

Move to the front end of the page with the AJAX Search<\/strong> widget added (here, to the \u201cAJAX_search_page\u201d) and enter the required value in the search field of the widget.<\/p>\n\n\n\n

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

Alt text: entering a search key into the search field<\/p>\n\n\n\n

After pressing the \u201cEnter<\/strong>\u201d key, you will be redirected to the results page (the \u201cPage for Search Results\u201d), which displays the WordPress posts and CPT <\/strong>posts related to the specified value. Also, since the only \u201cFeatured Houses\u201d CPT<\/strong> and WordPress posts contain posts with the needed search key, the \u201cHot Dealts\u201d CPT<\/strong> tab will be hidden.<\/p>\n\n\n\n

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

That\u2019s it. Now you know how to use the JetSearch<\/em> plugin for WordPress to perform AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.<\/p>\n","protected":false},"excerpt":{"rendered":"

Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[431],"yoast_head":"\nHow to Display Search Results by Separate Post Types \u4e00 JetSearch | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.\" \/>\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\/jetsearch\/how-to-display-search-results-by-separate-post-types\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Display Search Results by Separate Post Types \u4e00 JetSearch | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-14T15:46:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/downloading-the-Jet-Hide-Empty-Items-plugin-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\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/\",\"name\":\"How to Display Search Results by Separate Post Types \u4e00 JetSearch | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2026-04-14T15:06:50+00:00\",\"dateModified\":\"2026-04-14T15:46:46+00:00\",\"description\":\"Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/#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 Display Search Results by Separate Post Types\"}]},{\"@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":"How to Display Search Results by Separate Post Types \u4e00 JetSearch | Crocoblock","description":"Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.","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\/jetsearch\/how-to-display-search-results-by-separate-post-types\/","og_locale":"en_US","og_type":"article","og_title":"How to Display Search Results by Separate Post Types \u4e00 JetSearch | Crocoblock","og_description":"Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/","og_site_name":"Help Center","article_modified_time":"2026-04-14T15:46:46+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/04\/downloading-the-Jet-Hide-Empty-Items-plugin-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/","name":"How to Display Search Results by Separate Post Types \u4e00 JetSearch | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2026-04-14T15:06:50+00:00","dateModified":"2026-04-14T15:46:46+00:00","description":"Learn how to use the JetSearch plugin for WordPress for AJAX searching in different post types presented as different tabs on the same page and display the search results simultaneously, as well as to hide empty tabs if there is no data available.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsearch\/how-to-display-search-results-by-separate-post-types\/#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 Display Search Results by Separate Post Types"}]},{"@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\/article\/51542"}],"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\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=51542"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=51542"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=51542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}