{"id":44361,"date":"2024-05-21T16:31:10","date_gmt":"2024-05-21T16:31:10","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=44361"},"modified":"2024-06-21T09:15:45","modified_gmt":"2024-06-21T09:15:45","slug":"changing-banner-after-filtering-categories","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/","title":{"rendered":"How to Change Banner After Filtering Categories"},"content":{"rendered":"\n<p>To set up the banner, we will go through the following steps:<\/p>\n\n\n\n<ul>\n<li>Creating custom taxonomy, each term of which will have a customized banner. For that, we will add the needed custom fields to the taxonomy;<\/li>\n\n\n\n<li>Creating a filter with the taxonomy source;<\/li>\n\n\n\n<li>Setting a custom query to apply it to a listing. It will show the required banner according to the option chosen in the filter;<\/li>\n\n\n\n<li>Creating a listing template that will match the banner look. For instance, we will display the icon and slogan;<\/li>\n\n\n\n<li>Placing the filter, listing with banner, and listing with posts that need to be filtered by category on the front end.<\/li>\n<\/ul>\n\n\n\n<p>As an example, we will create banners for the following vacancy types: full-time, part-time, internship, and volunteer. The \u201cVacancy Type\u201d will be a <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>custom taxonomy<\/strong><\/a> for the \u201cJobs (Vacancies)\u201d <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Post Type<\/strong><\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category.webp\" alt=\"banner is visible after filtering by category\" class=\"wp-image-44390\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-custom-taxonomy\">Creating Custom Taxonomy<\/h2>\n\n\n\n<p>To create a custom taxonomy if you haven\u2019t done it yet, proceed to the <strong><em>WordPress Dashboard > JetEngine > Taxonomies <\/em><\/strong>tab and hit the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>In the <strong>General Settings <\/strong>tab, type the <strong>Taxonomy Name <\/strong>(in our case, \u201cVacancy Type\u201d), click the <strong>Taxonomy Slug <\/strong>field to generate a slug (you can edit it, but ensure it contains only letters, numbers, and `-` or `_` chars), and choose the needed <strong>Post Type <\/strong>from the namesake drop-down list (in our case, \u201cJobs (Vacancies) <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-post-type-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>CPT<\/strong><\/a>).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation.webp\" alt=\"custom taxonomy creation\" class=\"wp-image-44393\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/custom-taxonomy-creation-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Meta fields <\/strong>settings tab, you can add the desired <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>custom fields<\/strong><\/a>. For instance, we crafted the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/meta-field-types-overview\/#media\" target=\"_blank\" rel=\"noreferrer noopener\">Media<\/a>\u201d meta field for the vacancy-type icons that will be added to the banner.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons.webp\" alt=\"media custom meta field for the taxonomy icons\" class=\"wp-image-44406\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/media-custom-meta-field-for-the-taxonomy-icons-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The essential taxonomy settings for this tutorial are covered. You can adjust other settings if you like \u2014 the detailed description is provided in the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/custom-taxonomy-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Custom Taxonomy Overview<\/strong><\/a>.<\/p>\n\n\n\n<p>Push the \u201c<strong>Add\/Update Taxonomy<\/strong>\u201d button after customization.<\/p>\n\n\n\n<p>Then, go to the tab with the taxonomy name that belongs to the post type tab. For example, we visited <strong><em>WordPress Dashboard &gt; Jobs (Vacancies) &gt; Vacancy Type<\/em><\/strong>.&nbsp;<\/p>\n\n\n\n<p>To add a new tag, enter the <strong>Name<\/strong>, <strong>Slug<\/strong> (ensure it\u2019s all lowercase and contains only letters, numbers, and hyphens since it\u2019s the URL-friendly version of the name), <strong>Description <\/strong>(optional), and fill in the needed meta fields. Then, press the \u201c<strong>Add New Tag<\/strong>\u201d button.&nbsp;<\/p>\n\n\n\n<p>For example, we added a slogan as the <strong>Description <\/strong>and icon in the custom \u201cMedia\u201d field.<\/p>\n\n\n\n<p>After filling the fields, push the \u201c<strong>Add New Tag<\/strong>\u201d button.<\/p>\n\n\n\n<p>Add as many tags as you require.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy.webp\" alt=\"adding new tags to the custom taxonomy\" class=\"wp-image-44387\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/adding-new-tags-to-the-custom-taxonomy-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>To attach posts to the tags, proceed to the <strong>CPT <\/strong>tab on the WordPress Dashboard and click to edit a post or create a new one.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags.webp\" alt=\"attaching posts to tags\" class=\"wp-image-44389\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/attaching-posts-to-tags-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Save the changes by clicking the \u201c<strong>Publish\/Update<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-filter-for-category\">Creating Filter for Category<\/h2>\n\n\n\n<p>Head to the <strong><em>WordPress Dashboard &gt; Smart Filters &gt; Add New <\/em><\/strong>tab to create a filter for categories.<\/p>\n\n\n\n<p>Enter the <strong>Filter Name<\/strong> and pick the <strong>Filter Type<\/strong>. For the taxonomy data source, you can choose \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\">Select<\/a>,\u201d \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Radio<\/a>,\u201d \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\">Checkboxes list<\/a>,\u201d and \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-visual-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visual<\/a>\u201d filter types.<\/p>\n\n\n\n<p>We created the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Radio<\/a>\u201d filter so that users can choose only one option from the filter on the front end. 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\">Select<\/a>\u201d filter is also suitable for our case. If we created the \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\">Checkboxes list<\/a>\u201d filter, the user could select two or more options, and several banners would be displayed simultaneously. The \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/jetsmartfilters-visual-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visual<\/a>\u201d filter can have the behavior of either a radio or a checkbox.<\/p>\n\n\n\n<p>After choosing the filter type, select the \u201cTaxonomies\u201d <strong>Data Source <\/strong>and choose the needed <strong>Taxonomy <\/strong>(\u201cVacancy Type,\u201d in our case).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type.webp\" alt=\"taxonomy data source for the checkboxes list filter type\" class=\"wp-image-44410\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-data-source-for-the-checkboxes-list-filter-type-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After that, you\u2019re free to adjust options according to your needs.<\/p>\n\n\n\n<p>For example, we enabled the <strong>Ability to deselect radio buttons <\/strong>and <strong>Show empty terms <\/strong>toggles, and set <strong>Filter Labels <\/strong>in the corresponding section.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings.webp\" alt=\"radio filter settings\" class=\"wp-image-44408\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After adjusting the filter settings, push the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setting-a-custom-query\">Setting a Custom Query<\/h2>\n\n\n\n<p>Follow the <strong><em>WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>directory and press the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>In the <strong>General Settings <\/strong>section, enter the <strong>Name<\/strong> and pick the \u201c<a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-query-builder-terms-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\">Terms Query<\/a>\u201d <strong>Query Type<\/strong>.<\/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\">Set the <strong>Query ID<\/strong> that will not match the Query ID used in filter settings (e.g., \u201cno-filter\u201d or \u201cnever-filter\u201d). Doing so ensures that filters on the page do not interfere with the query operation. Instead, we will attach the query to the filter using the \u201cJetSmartFilters Query\u201d macro.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings.webp\" alt=\"query general settings\" class=\"wp-image-44407\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/query-general-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>In the <strong>Terms Query <\/strong>section, proceed to the <strong>General <\/strong>tab and choose the needed <strong>Taxonomy<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query.webp\" alt=\"taxonomy for the terms query\" class=\"wp-image-44411\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/taxonomy-for-the-terms-query-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Open the <strong>Include\/Exclude <\/strong>tab, press the \u201c<strong>coin stack<\/strong>\u201d icon next to the \u201c<strong>Include<\/strong>\u201d field, and select the \u201cJetSmartFilters Query\u201d macro.<\/p>\n\n\n\n<p>In the opened pop-up, pick the \u201cTaxonomy\u201d <strong>Type <\/strong>and enter the taxonomy slug as the <strong>Variable Name<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro.webp\" alt=\"jetsmartfilters query macro\" class=\"wp-image-44401\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/jetsmartfilters-query-macro-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Click the \u201c<strong>Advanced settings<\/strong>\u201d link, keep the \u201cDefault Object\u201d <strong>Context<\/strong>, and enter \u201c9999999\u201d into the <strong>Fallback<\/strong> field. Doing this ensures that the listing with the query source will show the result only when the filter is applied. In other words, without the fallback, the banner listing will show all terms; setting the fallback ensures that the banner will be invisible until an option from the filter is chosen.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings.webp\" alt=\"fallback in the jetsmartfilters query macro advanced settings\" class=\"wp-image-44396\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/fallback-in-the-jetsmartfilters-query-macro-advanced-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, hit \u201c<strong>Back<\/strong>\u201d and the \u201c<strong>Apply<\/strong>\u201d button.<\/p>\n\n\n\n<p>Adjust other query settings if you fancy and hit the \u201c<strong>Add\/Update Query<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-a-listing\">Creating a Listing<\/h2>\n\n\n\n<p>Head to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings <\/em><\/strong>and click the \u201c<strong>Add New<\/strong>\u201d button.<\/p>\n\n\n\n<p>Pick the \u201cTerms\u201d <strong>Listing source<\/strong>, set the needed taxonomy in the <strong>From taxonomy<\/strong> field, and enter the <strong>Listing item name<\/strong>. As the <strong>Listing view<\/strong>, you can select Elementor, Blocks (Gutenberg), or Bricks editors. For example, we chose the \u201cElementor\u201d option.<\/p>\n\n\n\n<p>Press the \u201c<strong>Create Listing Item<\/strong>\u201d button to open the editor.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source.webp\" alt=\"listing template with query builder source\" class=\"wp-image-44405\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-template-with-query-builder-source-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Here, you can customize the template to match the banner look. For instance, we drag-n-dropped the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/jetengine-dynamic-image-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Image <\/strong>widget<\/a> and set the custom taxonomy \u201cMedia\u201d field as the <strong>Source<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source.webp\" alt=\"dynamic image with the custom taxonomy media field source\" class=\"wp-image-44395\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-image-with-the-custom-taxonomy-media-field-source-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, we placed the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/dynamic-field-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Dynamic Field <\/strong>widget<\/a>, for which we selected the \u201cPost\/Term\/User\/Object Data\u201d <strong>Source<\/strong>, \u201cTerm description\u201d <strong>Object Field<\/strong>, and \u201cH2\u201d <strong>HTML tag<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description.webp\" alt=\"dynamic field displays term description\" class=\"wp-image-44394\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/dynamic-field-displays-term-description-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>To put the banner in the frame, we opened the <strong>Style <\/strong>settings of the <strong>Section <\/strong>settings, unfolded the <strong>Border <\/strong>tab, and set the \u201cSolid\u201d <strong>Border Type<\/strong>. You can customize other style settings for the listing\u2019s section, columns, and widgets if interested.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings.webp\" alt=\"listing section border style settings\" class=\"wp-image-44404\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-section-border-style-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After adjusting all settings, we hit the \u201c<strong>Update<\/strong>\u201d button.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"customizing-a-banner-on-the-page\">Customizing a Banner on the Page<\/h2>\n\n\n\n<p>Create a new page or open the needed one.<\/p>\n\n\n\n<p>For instance, we went to <strong><em>WordPress Dashboard &gt; Pages &gt; Add New Page<\/em><\/strong>, typed the page name,<strong><em> <\/em><\/strong>and hit the \u201c<strong>Edit with Elementor<\/strong>\u201d button.<\/p>\n\n\n\n<p>We placed the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/features\/listing-grid-widget-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Listing Grid <\/strong>widget<\/a> on the top of the page, chose the recently created <strong>Listing <\/strong>for the banner,<strong> <\/strong>and set the \u201c1\u201d value as a <strong>Columns Number<\/strong>.<\/p>\n\n\n\n<p>After you apply a custom query to the <strong>Listing Grid<\/strong>, it will show the <strong>Not found message<\/strong>. You can leave this field empty to make the widget invisible until the filter is applied or set a custom message.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget.webp\" alt=\"listing grid widget\" class=\"wp-image-44402\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-widget-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Then, we unfolded the <strong>Custom Query <\/strong>tab, enabled the <strong>Use Custom Query <\/strong>toggle, and picked the recently created <strong>Custom Query<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid.webp\" alt=\"applying the custom query to the listing grid\" class=\"wp-image-44388\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/applying-the-custom-query-to-the-listing-grid-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>We opened the <strong>Advanced <\/strong>settings section and typed the <strong>CSS ID <\/strong>(e.g., it can be \u201cbanner-list\u201d). We will use this ID in the filter settings later.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget.webp\" alt=\"CSS ID for the Listing Grid widget\" class=\"wp-image-44391\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-widget-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Next, we added two <strong>Columns<\/strong> and placed another <strong>Listing Grid <\/strong>to the second column. Here, we selected the <strong>Listing <\/strong>with vacancies created for the \u201cJobs (Vacancies)\u201d <strong>CPT<\/strong>. To learn more, proceed to 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.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies.webp\" alt=\"listing grid with vacancies\" class=\"wp-image-44403\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/listing-grid-with-vacancies-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>We opened the <strong>Advanced <\/strong>settings section and typed the <strong>CSS ID <\/strong>as well (in our case, it\u2019s \u201cmain-list\u201d).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs.webp\" alt=\"CSS ID for the Listing Grid with jobs\" class=\"wp-image-44392\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/CSS-ID-for-the-Listing-Grid-with-jobs-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>Eventually, we drag-n-dropped the <strong>Radio Filter <\/strong>widget. If you created the \u201cSelect\u201d filter, you need to use the <strong>Select Filter <\/strong>widget respectively.<\/p>\n\n\n\n<p>In the filter <strong>Content <\/strong>settings, we set the needed filter in the <strong>Select filter<\/strong> field.<\/p>\n\n\n\n<p>The <strong>This filter for <\/strong>field is for the filter&#8217;s main provider. In our case, it&#8217;s the <strong>Listing Grid <\/strong>with vacancies, so we picked the \u201cJetEngine\u201d option. Learn what widgets, blocks, and elements can be used with the <em>JetSmartFilters <\/em>filters from 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<p>Optionally, we set such settings: picked the \u201cAJAX\u201d <strong>Apply type<\/strong> and \u201cValue change\u201d <strong>Apply on<\/strong> and enabled the <strong>Show filter label <\/strong>toggle.<\/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\">Since we set the \u201cAJAX\u201d <strong>Apply type<\/strong>, the \u201c<strong>Apply<\/strong>\u201d button is unnecessary, so we kept the toggle disabled. With the \u201cPage Reload,\u201d the \u201c<strong>Apply<\/strong>\u201d button should be used.<\/p><\/div><\/div>\n\n\n\n<p>In the <strong>Query ID <\/strong>field, we entered the <strong>CSS ID <\/strong>of the main provider widget (in our case, it\u2019s the \u201cmain-list\u201d of the <strong>Listing Grid <\/strong>with vacancies).<\/p>\n\n\n\n<p>To attach the filter to the <strong>Listing Grid <\/strong>with banners, we activated the <strong>Additional Providers Enabled <\/strong>toggle and pressed the \u201c<strong>+ Add Item<\/strong>\u201d button. Since the second provider is also a <strong>Listing Grid<\/strong>, we chose the \u201cJetEngine\u201d <strong>Additional Provider<\/strong>. Into the <strong>Additional Query ID<\/strong> field, we pasted the <strong>CSS ID<\/strong> (\u201cbanner-list,\u201d in our case).<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider.webp\" alt=\"radio filter with additional provider\" class=\"wp-image-44409\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/radio-filter-with-additional-provider-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>To learn more about the <strong>Additional Settings <\/strong>tab, proceed to the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/#additional-settings\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Additional Settings<\/strong><\/a> chapter of the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Radio Filter Overview<\/strong><\/a>.<\/p>\n\n\n\n<p>You can also set the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/radio-filter-overview\/#indexer-options\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Indexer Options<\/strong><\/a>. For that, we activated the <strong>Apply Indexer <\/strong>and <strong>Show Counter<\/strong> toggles. The counter will work correctly on the front end after applying the filter.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter.webp\" alt=\"indexer options for the radio filter\" class=\"wp-image-44399\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/indexer-options-for-the-radio-filter-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>The essential settings have been adjusted, so you can now customize the style settings.\u00a0<\/p>\n\n\n\n<p>For instance, to customize the filter label, we opened the <strong>Style <\/strong>section tab of the <strong>Radio Filter <\/strong>widget and unfolded the <strong>Label <\/strong>tab. We clicked the \u201c<strong>pencil<\/strong>\u201d icon near the <strong>Typography<\/strong> to open a popup. Here, we set the \u201c20\u201d <strong>Size<\/strong>, \u201c600 (Semi Bold)\u201d <strong>Weight<\/strong>, and \u201c40\u201d <strong>Line Height<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings.webp\" alt=\"filter label style settings\" class=\"wp-image-44398\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-label-style-settings-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After modifying all needed settings, 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 opened the page on the front end. The banner hasn&#8217;t been shown since the filter hasn\u2019t been applied yet.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end.webp\" alt=\"filter and listings on the front end\" class=\"wp-image-44397\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/filter-and-listings-on-the-front-end-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After we picked an option from the <strong>Radio Filter<\/strong> (the \u201cFull Time\u201d category), the appropriate banner appeared.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category.webp\" alt=\"banner is visible after filtering by category\" class=\"wp-image-44412\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-visible-after-filtering-by-category-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>After we selected another option (the \u201cInternship\u201d category), another banner appeared.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"1100\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected.webp\" alt=\"internship jobs selected\" class=\"wp-image-44400\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected.webp 1824w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected-300x181.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected-1024x618.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected-768x463.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected-1536x926.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/internship-jobs-selected-600x362.webp 600w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/div>\n\n\n\n<p>That\u2019s all. Now you know how to change the banner on the front end after filtering by category using the <em>JetSmartFilters<\/em> and <em>JetEngine<\/em> plugins on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on your WordPress website.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[535,405],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change Banner After Filtering Categories \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on 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\/changing-banner-after-filtering-categories\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change Banner After Filtering Categories \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-21T09:15:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category.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=\"13 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\/changing-banner-after-filtering-categories\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/\",\"name\":\"How to Change Banner After Filtering Categories \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2024-05-21T16:31:10+00:00\",\"dateModified\":\"2024-06-21T09:15:45+00:00\",\"description\":\"This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/#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 Change Banner After Filtering Categories\"}]},{\"@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 Change Banner After Filtering Categories \u2014 JetSmartFilters | Crocoblock","description":"This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on 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\/changing-banner-after-filtering-categories\/","og_locale":"en_US","og_type":"article","og_title":"How to Change Banner After Filtering Categories \u2014 JetSmartFilters | Crocoblock","og_description":"This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/","og_site_name":"Help Center","article_modified_time":"2024-06-21T09:15:45+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2024\/05\/banner-is-visible-after-filtering-by-category.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/","name":"How to Change Banner After Filtering Categories \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2024-05-21T16:31:10+00:00","dateModified":"2024-06-21T09:15:45+00:00","description":"This tutorial describes how to change the banner on the front end after filtering by category using the JetSmartFilters and JetEngine plugins on your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetsmartfilters\/changing-banner-after-filtering-categories\/#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 Change Banner After Filtering Categories"}]},{"@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\/44361"}],"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=44361"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=44361"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=44361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}