{"id":43626,"date":"2024-03-06T09:10:44","date_gmt":"2024-03-06T09:10:44","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=43626"},"modified":"2026-01-06T09:15:56","modified_gmt":"2026-01-06T09:15:56","slug":"radio-filter-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/","title":{"rendered":"Radio Filter Overview"},"content":{"rendered":"\n<p>The \u201cRadio\u201d <strong>Filter Type <\/strong>allows one to create a filter with several options for selection, where only one option will be picked as a result.<\/p>\n\n\n\n<p>The filter can be built by proceeding to the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New<\/em><\/strong> page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-settings\">Filter Settings<\/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>The first part of the settings includes the following fields:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-1024x640.webp\" alt=\"edit filter page\" class=\"wp-image-43627\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Filter Name<\/strong> \u2014 a name to identify the current filter;<\/li>\n\n\n\n<li><strong>Filter Type <\/strong>\u2014 a list of options that contains different kinds of filters. Now, the \u201cRadio\u201d option should be picked.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"data-source\">Data source<\/h3>\n\n\n\n<p>Initially, one should determine the <strong>Data Source <\/strong>of the filter. Depending on the selected source, the following settings vary.<\/p>\n\n\n\n<p>The <strong>Data Source <\/strong>defines where the data to filter the content will be pulled. Among the options are: \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#manual-input-source\" target=\"_blank\" rel=\"noreferrer noopener\">Taxonomies<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#manual-input-source\">Manual Input<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#posts-source\" target=\"_blank\" rel=\"noreferrer noopener\">Posts<\/a>,\u201d and \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#custom-fields-source\" target=\"_blank\" rel=\"noreferrer noopener\">Custom Fields<\/a>.\u201d<\/p>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">If the <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\">JetEngine<\/a> plugin is installed and activated, the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#jetengine-custom-content-types-source\">JetEngine Custom Content Types<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#jetengine-glossary-source\">JetEngine Glossary<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#jetengine-query-builder-source\">JetEngine Query Builder<\/a>,\u201d and \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/#jetengine-query-builder-switcher-source\">JetEngine Query Builder Switcher<\/a>\u201d Data Source options also become available. Some of them appear only when the corresponding modules are activated.<\/p><\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"taxonomies\">Taxonomies<\/h4>\n\n\n\n<p>This option will take the data from the selected taxonomy. For instance, it can be categories, tags, or product taxonomies used for an online shop.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1-1024x640.webp\" alt=\"taxonomies data source\" class=\"wp-image-46682\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/taxonomies-data-source-1.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Taxonomy<\/strong> \u2014 the taxonomy that will be used for filtering;<\/li>\n\n\n\n<li><strong>Terms Order By <\/strong>\u2014 filter options order. Among the available options are: \u201cName,\u201d \u201cSlug,\u201d \u201cID,\u201d \u201cCount,\u201d \u201cDescription,\u201d \u201cMeta Key,\u201d and \u201cMeta Key Numeric\u201d;&nbsp;<\/li>\n\n\n\n<li><strong>Terms Order <\/strong>\u2014 the order of the selected option in the <strong>Terms Order By<\/strong>. It can be either \u201cASC\u201d (ascending) or \u201cDESC\u201d (descending);<\/li>\n\n\n\n<li><strong>Add all option <\/strong>\u2014 if enabled, this toggle adds the \u201cAll\u201d option to the list of options;<\/li>\n\n\n\n<li><strong>Ability to deselect radio buttons <\/strong>\u2014 if enabled, this toggle allows users to deselect radio buttons in the filter;<\/li>\n\n\n\n<li><strong>Show empty terms<\/strong> \u2014 if enabled, the empty terms that have no items assigned to them will also be shown on the list;<\/li>\n\n\n\n<li><strong>Show only childs of current term<\/strong> \u2014 on the parent category archive, only its child categories will be shown. On all other pages, all categories will be displayed;<\/li>\n\n\n\n<li><strong>Group terms by parents<\/strong> \u2014 this option should be switched on to save the hierarchical structure where child terms are listed under the parent ones. If enabled, the <strong>Collapsible <\/strong>toggle becomes available that, if activated, makes the child objects collapsible under the parent ones;<\/li>\n\n\n\n<li><strong>Is Checkbox Meta Field <\/strong>\u2014 this option should be enabled to filter items by the<strong> Checkbox meta field<\/strong> saved as an array, <strong>Select meta field<\/strong> saved as multiple select, <strong>Posts meta field<\/strong> saved as multiple, or <strong>Checkbox meta field <\/strong>of <a href=\"https:\/\/www.advancedcustomfields.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">ACF<\/a>. This option is mainly used for filters with the <strong>Custom Fields <\/strong>source;<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The <strong>Is Checkbox Meta Field<\/strong> option should be disabled if the \u201cTaxonomies\u201d <strong>Data Source<\/strong> is selected. This option should only be enabled when filtering by custom meta fields mentioned above.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Exclude\/Include<\/strong> \u2014 a feature that can be used to include or exclude some of the terms so they will be or will not be shown in the options list;<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">The \u201cNone\u201d option in the <strong>Exclude\/Include<\/strong> setting should be chosen if no terms should be included or excluded. <\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>Use Custom Query Variable<\/strong> \u2014 this setting is not required for the \u201cTaxonomies\u201d <strong>Data Source<\/strong>. This setting can be enabled to filter related items by the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/relations-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Relations<\/strong><\/a> feature of the <a href=\"https:\/\/crocoblock.com\/plugins\/jetengine\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetEngine<\/em><\/a><em> <\/em>plugin. For example, if the given taxonomy is the child object or the parent object in a relation, it is possible to use this taxonomy to filter the related objects. Follow another tutorial to find more information on <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-filter-related-post-items\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to filter related items<\/a>;<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"manual-input\">Manual input<\/h4>\n\n\n\n<p>This source allows adding the <strong>Radio Filter <\/strong>options manually. Among unique settings are:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source-1024x640.webp\" alt=\"manual input data source\" class=\"wp-image-43629\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/manual-input-data-source.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Options List <\/strong>\u2014 an area where the manual options can be added and edited by clicking the \u201c<strong>Add New<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Query Variable <\/strong>\u2014&nbsp; an obligatory field where the query variable key should be put. When filtering by a meta field, one should copy and paste the <strong>Name\/ID<\/strong> of the meta field into the <strong>Query Variable <\/strong>field. Multiple field keys should be separated with commas;<\/li>\n\n\n\n<li><strong>Comparison operator <\/strong>\u2014 a selector with operators to pick the way the above value will be compared.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"posts\">Posts<\/h4>\n\n\n\n<p>Posts can also become a source for the filter. This source includes the following unique setting field:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source-1024x640.webp\" alt=\"posts data source\" class=\"wp-image-43630\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/posts-data-source.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Post Type <\/strong>\u2014 a post type that will be used as the source for filtering.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"custom-fields\">Custom Fields<\/h4>\n\n\n\n<p>The \u201cCustom Fields\u201d source allows customizing the following set of fields:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source-1024x640.webp\" alt=\"custom fields data source\" class=\"wp-image-43631\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/custom-fields-data-source.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Custom Field Key <\/strong>\u2014 a custom field key that will be used as the source for filtering;<\/li>\n\n\n\n<li><strong>Get Choices From Field Data <\/strong>\u2014 the setting that makes the filter take the filter options from the options of the meta field.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"jetengine-glossary\">JetEngine Glossary<\/h4>\n\n\n\n<p>The option is available if the <em>JetEngine <\/em>plugin is installed and activated. To make the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/glossaries-functionality-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Glossary<\/strong><\/a><strong> <\/strong>a filter source, one should fill in the following settings:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source-1024x640.webp\" alt=\"jetengine glossary data source\" class=\"wp-image-43632\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-glossary-data-source.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Select glossary <\/strong>\u2014 a glossary that will serve as the data source.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"jetengine-query-builder\">JetEngine Query Builder<\/h4>\n\n\n\n<p>The option is available if the <em>JetEngine <\/em>plugin is installed and activated. The source, in this case, is the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/query-builder-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Query<\/strong><\/a><strong> <\/strong>from <em>JetEngine<\/em>; it includes the following settings:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source-1024x640.webp\" alt=\"jetengine query builder data source\" class=\"wp-image-43633\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-data-source.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Select Query <\/strong>\u2014 a query that will serve as the data source;<\/li>\n\n\n\n<li><strong>Property to Get Value from <\/strong>\u2014 a field that indicates where the value for the options will be taken. By default, it is set to \u201cID\u201d;<\/li>\n\n\n\n<li><strong>Property to get Label from <\/strong>\u2014 a field indicating where the options&#8217; label will be taken. By default, it is set to \u201cpost_title.\u201d<\/li>\n<\/ul>\n\n\n\n<p>Read more about <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-filters-with-query-builder-source\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Create Filters with Query Builder Source<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"jetengine-query-builder-switcher\">JetEngine Query Builder Switcher<\/h4>\n\n\n\n<p>The option is available if the <em>JetEngine <\/em>plugin is installed and activated. This source allows switching between content queries.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source-1024x640.webp\" alt=\"jetengine query builder switcher data source\" class=\"wp-image-43634\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/jetengine-query-builder-switcher-data-source.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Find out more about <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/how-to-set-query-builder-switcher-data-source\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Set Query Builder Switcher Data Source<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"use-default-filter-value\">Use Default Filter Value<\/h3>\n\n\n\n<p><strong>Use Default Filter Value <\/strong>is a toggle that activates the <strong>Default Filter Value<\/strong> field. Values there can be separated by commas; they will be applied to the provider once via an Ajax request when the filter is added to the page.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle-1024x640.webp\" alt=\"use default filter value toggle\" class=\"wp-image-43635\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/use-default-filter-value-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"filter-labels\">Filter Labels<\/h3>\n\n\n\n<p>At the end of the page, the <strong>Filter Label <\/strong>and <strong>Active Filter Label <\/strong>fields can be completed.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels-1024x640.webp\" alt=\"filter labels\" class=\"wp-image-43636\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/filter-labels.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The filter can be saved by pushing the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-in-gutenberg\">Filter in Gutenberg<\/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>The filter can be displayed in Gutenberg with the help of the <strong>Radio <\/strong>block.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"general\">General<\/h3>\n\n\n\n<p>The first <strong>General <\/strong>tab includes the following settings:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg-1024x640.webp\" alt=\"radio filter general settings in gutenberg\" class=\"wp-image-43637\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-gutenberg.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>SELECT FILTER <\/strong>\u2014 the filter that will be displayed;<\/li>\n\n\n\n<li><strong>THIS FILTER FOR <\/strong>\u2014 the filter provider to attach the filter;&nbsp;<\/li>\n\n\n\n<li><strong>APPLY TYPE <\/strong>\u2014 the way how the filter results will be shown, with page reloading (\u201cPage Reload\u201d), without (\u201cAJAX\u201d), or with the \u201cMixed\u201d option.<\/li>\n<\/ul>\n\n\n<div class=\"note-banner d-flex border-bold border-jetsmartfilters rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 21H23L12 2L1 21ZM13 18H11V16H13V18ZM13 14H11V10H13V14Z\" fill=\"#FA5450\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Warning<\/div><p class=\"m-0\">When using the \u201cPage Reload\u201d option, the \u201c<strong>Apply<\/strong>\u201d button should be used. Also, note that both the \u201cPage Reload\u201d and \u201cMixed\u201d options change the page\u2019s URL.<\/p><\/div><\/div>\n\n\n\n<ul>\n<li><strong>APPLY ON <\/strong>\u2014 the action that will trigger the filter;<\/li>\n\n\n\n<li><strong>Show apply button <\/strong>\u2014 a toggle that adds an \u201c<strong>Apply<\/strong>\u201d button. If activated, the <strong>APPLY BUTTON TEXT <\/strong>can be changed;<\/li>\n\n\n\n<li><strong>Show filter label <\/strong>\u2014 a toggle that displays the filter label above the filter;<\/li>\n\n\n\n<li><strong>QUERY ID <\/strong>\u2014 a field that can be used if several widgets of the same type are on the same page, and one is supposed to be used as a provider. For instance, if there are two <strong>Listing Grids <\/strong>on the page and only one should be filtered, the <strong>Listing Grid <\/strong>settings (<strong>Advanced <\/strong>tab) should be opened, and its unique name should be set in the <strong>CSS ID <\/strong>field and then put here, in the <strong>Query ID <\/strong>field of the filter;<\/li>\n\n\n\n<li><strong>Additional Providers Enabled <\/strong>\u2014 a toggle to apply the filter to <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-additional-providers-list-option-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">several providers<\/a>. If enabled, one can specify the <strong>ADDITIONAL PROVIDER <\/strong>and <strong>ADDITIONAL QUERY ID <\/strong>values for every new provider added.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"additional-settings\">Additional Settings<\/h3>\n\n\n\n<p>The <strong>Additional Settings <\/strong>tab presents four toggles. These are deactivated by default, but each toggle displays additional settings if enabled.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg-1024x640.webp\" alt=\"radio filter additional settings in gutenberg\" class=\"wp-image-43638\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-additional-settings-in-gutenberg.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"search-enabled\">Search Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle-1024x640.webp\" alt=\"search enabled toggle\" class=\"wp-image-43639\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/search-enabled-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Search Enabled <\/strong>\u2014 a toggle that activates search above the filter;\n<ul>\n<li><strong>Search Placeholder <\/strong>\u2014 a text displayed in the search bar that can be changed.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"moreless-enabled\">More\/Less Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle-1024x640.webp\" alt=\"more or less enabled toggle\" class=\"wp-image-43640\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/more-or-less-enabled-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>More\/Less Enabled <\/strong>\u2014 a switcher that shows the \u201cMore\/Less\u201d labels below the filter to hide\/show items. If activated, the following fields appear:\n<ul>\n<li><strong>Less Items Count <\/strong>\u2014 a field where the number of items displayed by default should be specified;<\/li>\n\n\n\n<li><strong>More Text <\/strong>\u2014 a text on the \u201c<strong>More<\/strong>\u201d button;<\/li>\n\n\n\n<li><strong>Less Text <\/strong>\u2014 a text on the \u201c<strong>Less<\/strong>\u201d button.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dropdown-enabled\">Dropdown Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle-1024x640.webp\" alt=\"dropdown enabled toggle\" class=\"wp-image-43641\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/dropdown-enabled-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Dropdown Enabled <\/strong>\u2014 a feature that hides options in a dropdown list. Once activated, the following features appear:\n<ul>\n<li><strong>PLACEHOLDER <\/strong>\u2014 a text displayed in the dropdown;<\/li>\n\n\n\n<li><strong>N Selected <\/strong>\u2014 a feature that hides options labels and shows a number of selected options after the N-item:\n<ul>\n<li><strong>Number of Named Items <\/strong>\u2014 a field where the number of shown labels can be specified. For instance, if \u201c3\u201d is set, after three labels, there will be a text \u201cand 1\/2\/3\u2026 others\u201d shown;<\/li>\n\n\n\n<li><strong>Generic text <\/strong>\u2014 a text displayed after labels. Mind that a {number} macro should be used in the text to generate value afterward.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"scroll-enabled\">Scroll Enabled<\/h4>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle-1024x640.webp\" alt=\"scroll enabled toggle\" class=\"wp-image-43642\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/scroll-enabled-toggle.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Scroll Enabled <\/strong>\u2014 a feature that adds scroll next to Radio;\n<ul>\n<li><strong>SCROLL HEIGHT(PX) <\/strong>\u2014 a field to complete the height of the scroll in pixels.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"indexer-options\">Indexer Options<\/h3>\n\n\n\n<p>Initially, the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-set-indexer-option-for-filters\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Indexer Options<\/strong><\/a><strong> <\/strong>tab includes only one toggle called <strong>Apply indexer<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg-1024x640.webp\" alt=\"radio filter indexer settings in gutenberg\" class=\"wp-image-43643\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-indexer-settings-in-gutenberg.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>Once the previously mentioned toggle is activated, the following settings appear:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated-1024x640.webp\" alt=\"apply indexer and show counter toggles activated\" class=\"wp-image-43644\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/apply-indexer-and-show-counter-toggles-activated.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Show Counter <\/strong>\u2014 a toggle that enables the counter for the number of available options currently displayed on the page. Once activated, the <strong>COUNTER PREFIX <\/strong>and <strong>COUNTER SUFFIX <\/strong>fields are available for customization;<\/li>\n\n\n\n<li><strong>IF ITEM EMPTY <\/strong>\u2014 the action for the empty options;<\/li>\n\n\n\n<li><strong>CHANGE COUNTERS <\/strong>\u2014 a drop-down list that allows setting whether to change counters when filters are applied.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"advanced\">Advanced<\/h4>\n\n\n\n<p><strong>Advanced <\/strong>is a unique Gutenberg tab that allows setting only one field:<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg-1024x640.webp\" alt=\"radio filter advanced settings in gutenberg\" class=\"wp-image-43645\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-advanced-settings-in-gutenberg.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>ADDITIONAL CSS CLASS(ES) <\/strong>\u2014 a field where the CSS class can be put.<\/li>\n<\/ul>\n\n\n\n<p>Also, one can install and activate the free <a href=\"https:\/\/crocoblock.com\/plugins\/jetstylemanager\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetStyleManager<\/em><\/a><em> <\/em>plugin to style the block.<\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-in-elementor\">Filter in Elementor<\/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>In Elementor, the <strong>Radio Filter <\/strong>widget is available. Its settings are the same as in the <a href=\"#filter-in-gutenberg\">Gutenberg editor<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor-1024x640.webp\" alt=\"radio filter content settings in elementor\" class=\"wp-image-43646\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-elementor.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"filter-in-bricks\">Filter in Bricks<\/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>The Bricks builder also comprises the <strong>Radio Filter <\/strong>element, the settings of which are the same as in <a href=\"#filter-in-gutenberg\">Gutenberg<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks-1024x640.webp\" alt=\"radio filter content settings in bricks\" class=\"wp-image-43648\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-content-settings-in-bricks.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"front-end-result\">Front End Result<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>The result can be later checked on the front end. Now, the <strong>Radio Filter <\/strong>is active.<\/p>\n\n\n\n<div class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result-1024x640.webp\" alt=\"radio filter result\" class=\"wp-image-43649\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/radio-filter-result.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n<\/div><\/div>\n\n\n\n<p>That\u2019s all about the <strong>Radio Filter <\/strong>available with the <em>JetSmartFilters <\/em>plugin for your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide is about the \u201cRadio\u201d Filter type, which is available as a part of the JetSmartFilters plugin for WordPress functionality.<\/p>\n","protected":false},"author":9,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[303],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Radio Filter Overview \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover more about the \u201cRadio\u201d filter type available with the JetSmartFilters plugin for your WordPress website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Radio Filter Overview \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover more about the \u201cRadio\u201d filter type available with the JetSmartFilters plugin for your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-06T09:15:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-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=\"12 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\/radio-filter-overview\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\",\"name\":\"Radio Filter Overview \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-03-06T09:10:44+00:00\",\"dateModified\":\"2026-01-06T09:15:56+00:00\",\"description\":\"Discover more about the \u201cRadio\u201d filter type available with the JetSmartFilters plugin for your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/#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\":\"Radio Filter Overview\"}]},{\"@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":"Radio Filter Overview \u2014 JetSmartFilters | Crocoblock","description":"Discover more about the \u201cRadio\u201d filter type available with the JetSmartFilters plugin for your WordPress website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/","og_locale":"en_US","og_type":"article","og_title":"Radio Filter Overview \u2014 JetSmartFilters | Crocoblock","og_description":"Discover more about the \u201cRadio\u201d filter type available with the JetSmartFilters plugin for your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/","og_site_name":"Help Center","article_modified_time":"2026-01-06T09:15:56+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/03\/edit-filter-page-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/","name":"Radio Filter Overview \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-03-06T09:10:44+00:00","dateModified":"2026-01-06T09:15:56+00:00","description":"Discover more about the \u201cRadio\u201d filter type available with the JetSmartFilters plugin for your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/#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":"Radio Filter Overview"}]},{"@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\/43626"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/9"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=43626"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=43626"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=43626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}