{"id":17638,"date":"2019-12-27T13:34:25","date_gmt":"2019-12-27T13:34:25","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=17638"},"modified":"2025-12-18T14:59:24","modified_gmt":"2025-12-18T14:59:24","slug":"jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/","title":{"rendered":"How to Create a Custom Taxonomy Hierarchical Filter with Select Filter Type"},"content":{"rendered":"\n

Create Taxonomies for Custom Posts<\/h2>\n\n\n\n
\n

Firstly, you should create taxonomies for your custom posts. To do this, navigate to WordPress Dashboard > JetEngine > Taxonomies<\/em><\/strong> and click the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n

Add the Taxonomy Name<\/strong> and Taxonomy Slug<\/strong>, and select Post Type<\/strong> to add this taxonomy to (one or several).<\/p>\n\n\n\n

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

After that, go to Advanced Settings<\/strong> and enable the Hierarchical <\/strong>option.<\/p>\n\n\n\n

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

When you\u2019re done, don\u2019t forget to save the changes by pressing the \u201cAdd Taxonomy<\/strong>\u201d button.<\/p>\n\n\n\n

Create as many taxonomies as needed. In this case, we have created two different taxonomies for posts, so now we\u2019ll be able to filter posts by two criteria, such as \u201cCountry\u201d and \u201cCity.\u201d<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

These taxonomies should also be connected to the same Post Type(s)<\/strong> so the posts will be filtered properly later.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n

Add Categories for Custom Posts<\/h2>\n\n\n\n
\n

The next step is to navigate to your custom posts, open the needed taxonomy you\u2019ve created, and add categories to it. For example, we opened the \u201cCountry\u201d taxonomy and added all the needed countries to it.<\/p>\n\n\n\n

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

Repeat the same actions for other taxonomies.<\/p>\n<\/div><\/div>\n\n\n\n

Attach Categories to Posts<\/h2>\n\n\n\n
\n

Then, you need to open your custom posts, select the needed post, click on the \u201cQuick Edit<\/strong>\u201d button, and choose taxonomy options for this post.<\/p>\n\n\n\n

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

For instance, we attach the \u201cWonderful France\u201d both to the \u201cFrance\u201d and \u201cParis\u201d options from the \u201cCountry\u201d and \u201cCity\u201d taxonomies correspondingly.<\/p>\n\n\n\n

To save the changes, press the \u201cUpdate<\/strong>\u201d button.<\/p>\n\n\n\n

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

When you\u2019ve attached the needed taxonomies for all your posts, you can create a hierarchical filter for them.<\/p>\n<\/div><\/div>\n\n\n\n

Build a Hierarchical Filter<\/strong><\/h2>\n\n\n\n
\n

Navigate to WordPress Dashboard > SmartFilters > Add New<\/em><\/strong>. <\/p>\n\n\n\n

Complete the Filter Name <\/strong>field. Then, choose the \u201cSelect\u201d Filter Type <\/strong>and enable the Is hierarchical<\/strong> toggle.<\/p>\n\n\n

<\/svg><\/div>
Warning<\/div>

Please note that filter hierarchy is available only for the \u201cSelect\u201d Filter Type<\/strong> and only for taxonomies.<\/p><\/div><\/div>\n\n\n\n

Click on the \u201cAdd New<\/strong>\u201d button next to the Filter hierarchy <\/strong>label.<\/p>\n\n\n\n

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

Add a Label <\/strong>and Placeholder<\/strong>, <\/strong>and select the Taxonomy <\/strong>you\u2019ve created with the help of the JetEngine <\/em>plugin.<\/p>\n\n\n\n

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

This way, we add two taxonomies to the Filter hierarchy<\/strong> list. However, feel free to attach as many taxonomies as needed.<\/p>\n\n\n\n

Depending on the order you set, the taxonomies will be located in the filter, making the first taxonomy main, the second dependent on the first selected option, and so on.<\/p>\n<\/div><\/div>\n\n\n

<\/svg><\/div>
Things to know<\/div>

A hierarchical Select<\/strong> filter does not require multiple taxonomies. You can use the same Taxonomy<\/strong> multiple times to display hierarchical filter items. In this case, each Select<\/strong> filter represents a different term level (parent and child), not a different taxonomy.<\/p><\/div><\/div>\n\n\n\n

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

Also, we set labels of the filter in the Filters Labels <\/strong>section and then push the \u201cUpdate<\/strong>\u201d button.<\/p>\n\n\n\n

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

Place Hierarchical Filter on the Page<\/h2>\n\n\n\n
\n

Now you need to open the page editor (either Gutenberg, Elementor, or Bricks) where you\u2019ve displayed your posts with the Listing Grid<\/strong><\/a> block\/widget\/element and add the Select Filter<\/strong> block\/widget\/element to the needed section. <\/p>\n\n\n\n

In the filter settings, choose the filter you\u2019ve selected before and apply it to \u201cJetEngine\u201d with the This filter for <\/strong>drop-down list.<\/p>\n\n\n\n

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

You can also enable the Indexer <\/strong>feature in the Indexer Options <\/strong>tab. You can learn more about the Indexer option from this tutorial<\/a>.<\/p>\n\n\n\n

Once the desired customizations are made, push the \u201cPublish\/Update<\/strong>\u201d button to save the result.<\/p>\n<\/div><\/div>\n\n\n\n

Filter Posts with the Hierarchical Filter<\/h2>\n\n\n\n
\n

When you\u2019re done with all settings, you can save the changes and open the page to see how the filter works.<\/p>\n\n\n\n

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

Pick the option in the first selector. Then, open the second selector to view only those options associated with the item selected in the first selector.<\/p>\n\n\n\n

For instance, if we pick \u201cFrance\u201d as a country, the second selector of cities will contain only options defined as French cities. This is because all the posts with the French cities categories are assigned to the \u201cFrance\u201d category as well.<\/p>\n\n\n\n

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

Now you know how to create a hierarchical filter to filter your custom posts created with the JetEngine<\/em> plugin.<\/p>\n","protected":false},"excerpt":{"rendered":"

From this tutorial, you will learn how to create a hierarchical select filter to filter posts by the taxonomies created with JetEngine.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[421],"yoast_head":"\nHow to Create a Hierarchical Filter \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Combine several filters of the same type in a hierarchy with JetSmartFilters and JetEngine plugins.\" \/>\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\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Hierarchical Filter \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Combine several filters of the same type in a hierarchy with JetSmartFilters and JetEngine plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T14:59:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/01\/add-new-taxonomy-directory-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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/\",\"name\":\"How to Create a Hierarchical Filter \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-12-27T13:34:25+00:00\",\"dateModified\":\"2025-12-18T14:59:24+00:00\",\"description\":\"Combine several filters of the same type in a hierarchy with JetSmartFilters and JetEngine plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/#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 Create a Custom Taxonomy Hierarchical Filter with Select Filter Type\"}]},{\"@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 Create a Hierarchical Filter \u2014 JetSmartFilters | Crocoblock","description":"Combine several filters of the same type in a hierarchy with JetSmartFilters and JetEngine plugins.","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\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Hierarchical Filter \u2014 JetSmartFilters | Crocoblock","og_description":"Combine several filters of the same type in a hierarchy with JetSmartFilters and JetEngine plugins.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/","og_site_name":"Help Center","article_modified_time":"2025-12-18T14:59:24+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/01\/add-new-taxonomy-directory-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/","name":"How to Create a Hierarchical Filter \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-12-27T13:34:25+00:00","dateModified":"2025-12-18T14:59:24+00:00","description":"Combine several filters of the same type in a hierarchy with JetSmartFilters and JetEngine plugins.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-hierarchical-filter-with-select-filter-type-based-on-jetengine\/#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 Create a Custom Taxonomy Hierarchical Filter with Select Filter Type"}]},{"@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\/17638"}],"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\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=17638"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=17638"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=17638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}