{"id":12040,"date":"2024-08-23T11:19:12","date_gmt":"2024-08-23T11:19:12","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=12040"},"modified":"2024-08-23T11:19:14","modified_gmt":"2024-08-23T11:19:14","slug":"jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/","title":{"rendered":"How to Create a Filter with the Posts Data Source"},"content":{"rendered":"\n<p>The <em>JetSmartFilters<\/em> plugin allows the creation of various filters with different <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/filters-data-source-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>data sources<\/strong><\/a>, like \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-filter-posts-or-products-by-taxonomy-and-child-term-based-on-checkboxes-list-filter\/\" target=\"_blank\" rel=\"noreferrer noopener\">Taxonomies<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-filter-publications-by-values-from-the-meta-fields-manual-input-data-source\/\" target=\"_blank\" rel=\"noreferrer noopener\">Custom Fields<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-filter-glossary-items\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetEngine Glossaries<\/a>,\u201d etc.<\/p>\n\n\n\n<p>The \u201cPosts\u201d <strong>Data Source <\/strong>allows users to filter items by either the default WordPress post types or the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Post Types<\/strong> <strong>(CPTs)<\/strong><\/a>.<\/p>\n\n\n\n<p>There are some use cases:<\/p>\n\n\n\n<ul>\n<li>Filtering by the <em>JetEngine<\/em>\u2019s<em> <\/em><a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/relations-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>related items<\/strong><\/a>. More details are provided in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-how-to-filter-related-post-items\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Filter the Related Post Items<\/strong><\/a><strong> <\/strong>tutorial;<\/li>\n\n\n\n<li>Filtering by the <em>JetEngine<\/em>\u2019s \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#posts\" target=\"_blank\" rel=\"noreferrer noopener\">Posts<\/a>\u201d custom field. This case is described in this tutorial;<\/li>\n\n\n\n<li>Filtering by visual options as described in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-visual-filter-with-posts-data-source\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create Visual Filter with the Posts Data Source<\/strong><\/a><strong> <\/strong>tutorial.<\/li>\n<\/ul>\n\n\n\n<p>We explain how to display post titles using the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-use-the-select-filter-to-filter-publications-or-products\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Select<\/strong><\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Radio<\/strong><\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-visual-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Visual<\/strong><\/a>,\u201d and \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-a-new-filter-and-apply-it-to-publications\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Checkboxes list<\/strong><\/a>\u201d filters to filter the connected posts. For that, you need two post types, for instance, \u201cEvents\u201d and \u201cSpeakers,\u201d to filter the posts of the \u201cEvents\u201d type by speakers participating or vice versa.<\/p>\n\n\n\n<p>In this guide, we describe how to filter doctors by medical conferences on the <a href=\"https:\/\/crocoblock.com\/dynamic-templates\/medcenter\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Medcenter<\/strong><\/a> website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-the-posts-custom-field\">Setting the \u201cPosts\u201d Custom Field<\/h2>\n\n\n\n<p>For our use case, we have two <strong>Custom Post Types<\/strong>: \u201cDoctors\u201d and \u201cMedical Conferences.\u201d<\/p>\n\n\n\n<p>We proceed to the <strong><em>WordPress Dashboard &gt; JetEngine &gt; Post Types <\/em><\/strong>tab and edit the \u201cDoctors\u201d <strong>CPT<\/strong>.<\/p>\n\n\n\n<p>In the <strong>Meta fields<\/strong> tab of the <strong>CPT<\/strong>, we hit the \u201c<strong>New Meta Field<\/strong>\u201d button to add the \u201cPosts\u201d custom field so we can add medical conferences to doctors in which they participated.<\/p>\n\n\n\n<p>For the <strong>Search in post types <\/strong>field, we set the \u201cMedical Conferences\u201d <strong>CPT<\/strong>.<\/p>\n\n\n\n<p>We enabled the <strong>Multiple<\/strong> toggle because we want to be able to add several conferences to one doctor. If you want a one-to-one connection (for example, for adding only one event to one host), keep this toggle deactivated.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings.webp\" alt=\"jetengine posts custom field settings\" class=\"wp-image-45452\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Afterward, we hit the \u201c<strong>Publish\/Update<\/strong>\u201d button.<\/p>\n\n\n\n<p>If you want to add the \u201cPosts\u201d meta field to the WordPress default post type, check the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-add-the-custom-meta-fields-to-the-posts\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Add Custom Meta Fields to WordPress Post via Meta Boxes<\/strong><\/a><strong> <\/strong>tutorial.<\/p>\n\n\n\n<p>Next, we open the \u201cDoctors\u201d <strong>CPT <\/strong>tab on the <strong>WordPress Dashboard<\/strong>, edit several posts (doctors), connect several medical conferences to doctors using the \u201cPosts\u201d custom meta field, and save the changes.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field.webp\" alt=\"values of the posts custom meta field\" class=\"wp-image-45455\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/values-of-the-posts-custom-meta-field-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-a-filter-with-the-posts-data-source\">Creating a Filter with the \u201cPosts\u201d Data Source<\/h2>\n\n\n\n<p>We navigate to the <strong><em>WordPress Dashboard > Smart Filters > Add New <\/em><\/strong>and enter the <strong>Filter Name<\/strong>.<\/p>\n\n\n\n<p>In the <strong>Filter Type <\/strong>field, you can choose the \u201cSelect\u201d, \u201cRadio,\u201d \u201cVisual,\u201d or \u201cCheckboxes list\u201d options.<\/p>\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\">The <strong>Filter Type<\/strong> depends on the <strong>Multiple<\/strong> toggle of the \u201cPosts\u201d custom meta field. If enabled, you can create the \u201cCheckboxes list\u201d filter; if disabled \u2014 \u201cSelect\u201d or \u201cRadio.\u201d For the \u201cVisual\u201d filter, select the \u201cCheckbox\u201d <strong>Behavior<\/strong> if the toggle is enabled or \u201cRadio\u201d if disabled.<\/p><\/div><\/div>\n\n\n\n<p>We set the \u201cCheckboxes list\u201d <strong>Filter Type<\/strong>.<\/p>\n\n\n\n<p>Then, we pick the \u201cPosts\u201d <strong>Data Source<\/strong>.<\/p>\n\n\n\n<p>As the <strong>Post Type<\/strong>, we set the <strong>CPT<\/strong> which post titles we will use for filtering (\u201cMedical Conferences\u201d in our case).<\/p>\n\n\n\n<p>If you craft the \u201cCheckboxes list\u201d filter or \u201cVisual\u201d with the \u201cCheckbox\u201d <strong>Behavior<\/strong>, enable the <strong>Is Checkbox Meta Field<\/strong> toggle.<\/p>\n\n\n\n<p>In the <strong>Query Variable <\/strong>field, we enter the \u201cPosts\u201d custom field name that we added to the \u201cDoctors\u201d <strong>CPT<\/strong>.<\/p>\n\n\n\n<p>Other filter settings can be adjusted to suit you. Afterward, we hit the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source.webp\" alt=\"filter settings with the posts data source\" class=\"wp-image-45450\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-settings-with-the-posts-data-source-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-the-filter-to-a-page\">Adding the Filter to a Page<\/h2>\n\n\n\n<p>Now, you can place the filter on a page or template using Elemenor, WordPress block editor, or Bricks.<\/p>\n\n\n\n<p>For example, we go to <strong><em>WordPress Dashboard &gt; Pages &gt; Add New Page<\/em><\/strong>, enter the page title, and hit the \u201c<strong>Edit with Elementor<\/strong>\u201d button.<\/p>\n\n\n\n<p>We add two columns to the editing page. In the second column, we insert the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid<\/strong><\/a> widget of the <em>JetEngine <\/em>plugin to display the doctors that will be filtered by their participation in medical conferences. In the <strong>Listing<\/strong> field, we set the listing template created for the \u201cDoctors\u201d <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-template-in-elementor-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>CPT<\/strong><\/a>. Learn more from the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/how-to-create-a-listing-template-for-post-types\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>How to Create a Listing Template for Post Types in Elementor<\/strong><\/a> tutorial.<\/p>\n\n\n\n<p>To find out what widgets, blocks, or elements can be filtered with <em>JetSmartFilters<\/em>, proceed to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/filters-providers-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Filters Providers Overview<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider.webp\" alt=\"listing grid with doctors as filter provider\" class=\"wp-image-45453\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/listing-grid-with-doctors-as-filter-provider-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the first column, we place the <strong>Checkboxes Filter <\/strong>widget (if you created a \u201cRadio\u201d or \u201cSelect\u201d filter, you should place the corresponding widgets) and set the just-built filter in the <strong>Select filter<\/strong> field.<\/p>\n\n\n\n<p>In the <strong>This filter for<\/strong> field, we select the \u201cJetEngine\u201d provider.<\/p>\n\n\n\n<p>Other filter settings can be customized as needed.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider.webp\" alt=\"checkboxes filter for the jetengine provider\" class=\"wp-image-45449\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkboxes-filter-for-the-jetengine-provider-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After adjusting the page, we hit the \u201c<strong>Publish\/Update<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"checking-the-results\">Checking the Results<\/h2>\n\n\n\n<p>We open the page on the front end to check if the filter works correctly.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end.webp\" alt=\"filter with the posts data source on the front end\" class=\"wp-image-45451\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/filter-with-the-posts-data-source-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>If we tick the \u201cIntegrative and Functional Medicine,\u201d the filter shows two doctor participants.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end.webp\" alt=\"checkbox filter with posts data source on the front end\" class=\"wp-image-45448\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/checkbox-filter-with-posts-data-source-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>If we tick two options of the \u201cCheckboxes list\u201d filter, it shows the participants of both conferences.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source.webp\" alt=\"testing the filter with the posts data source\" class=\"wp-image-45454\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/testing-the-filter-with-the-posts-data-source-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all. Now you know how to create the \u201cCheckboxes list,\u201d \u201cSelect,\u201d \u201cVisual,\u201d or \u201cRadio\u201d filter with the \u201cPosts\u201d Data Source to filter posts by other connected post titles using the <em>JetSmartfilters <\/em>and <em>JetEngine <\/em>plugins on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create filters with \u201cPosts\u201d Data Source using the \u201cCheckboxes list,\u201d \u201cSelect,\u201d \u201cRadio,\u201d or \u201cVisual\u201d filters of the JetSmartFilters WordPress plugin.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[535],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Filter with the Posts Data Source \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to create filters using the \u201cPosts\u201d Data Source on your WordPress website with the JetSmartFilters plugin, utilizing options like the &quot;Checkboxes list,&quot; &quot;Select,&quot; &quot;Radio,\u201d or \u201cVisual\u201d filters.\" \/>\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-checkboxes-list-filter-with-posts-data-source\/\" \/>\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 Filter with the Posts Data Source \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to create filters using the \u201cPosts\u201d Data Source on your WordPress website with the JetSmartFilters plugin, utilizing options like the &quot;Checkboxes list,&quot; &quot;Select,&quot; &quot;Radio,\u201d or \u201cVisual\u201d filters.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-23T11:19:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings.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-checkboxes-list-filter-with-posts-data-source\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/\",\"name\":\"How to Create a Filter with the Posts Data Source \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-08-23T11:19:12+00:00\",\"dateModified\":\"2024-08-23T11:19:14+00:00\",\"description\":\"Discover how to create filters using the \u201cPosts\u201d Data Source on your WordPress website with the JetSmartFilters plugin, utilizing options like the \\\"Checkboxes list,\\\" \\\"Select,\\\" \\\"Radio,\u201d or \u201cVisual\u201d filters.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/#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 Filter with the Posts Data Source\"}]},{\"@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 Filter with the Posts Data Source \u2014 JetSmartFilters | Crocoblock","description":"Discover how to create filters using the \u201cPosts\u201d Data Source on your WordPress website with the JetSmartFilters plugin, utilizing options like the \"Checkboxes list,\" \"Select,\" \"Radio,\u201d or \u201cVisual\u201d filters.","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-checkboxes-list-filter-with-posts-data-source\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Filter with the Posts Data Source \u2014 JetSmartFilters | Crocoblock","og_description":"Discover how to create filters using the \u201cPosts\u201d Data Source on your WordPress website with the JetSmartFilters plugin, utilizing options like the \"Checkboxes list,\" \"Select,\" \"Radio,\u201d or \u201cVisual\u201d filters.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/","og_site_name":"Help Center","article_modified_time":"2024-08-23T11:19:14+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2019\/07\/jetengine-posts-custom-field-settings.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-checkboxes-list-filter-with-posts-data-source\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/","name":"How to Create a Filter with the Posts Data Source \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-08-23T11:19:12+00:00","dateModified":"2024-08-23T11:19:14+00:00","description":"Discover how to create filters using the \u201cPosts\u201d Data Source on your WordPress website with the JetSmartFilters plugin, utilizing options like the \"Checkboxes list,\" \"Select,\" \"Radio,\u201d or \u201cVisual\u201d filters.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-how-to-create-checkboxes-list-filter-with-posts-data-source\/#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 Filter with the Posts Data Source"}]},{"@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\/12040"}],"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\/8"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=12040"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=12040"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=12040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}