{"id":46898,"date":"2025-01-29T14:31:03","date_gmt":"2025-01-29T14:31:03","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&p=46898"},"modified":"2025-01-29T14:32:01","modified_gmt":"2025-01-29T14:32:01","slug":"creating-filter-to-display-all-and-latest-posts-from-last-two-weeks","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/","title":{"rendered":"Creating a Filter to Display All and Latest Posts from the Last Two Weeks"},"content":{"rendered":"
<\/svg><\/div>
Things to know<\/div>

For this tutorial, we used the Balirento<\/strong> dynamic template<\/a>.<\/p><\/div><\/div>\n\n\n\n

The \u201cJetEngine Query Builder Switcher<\/a>\u201d Data Source <\/strong>type enables the switching of JetEngine<\/em> custom queries<\/a> directly from the front end.<\/p>\n\n\n\n

This source <\/strong>is available in the \u201cSelect<\/a>\u201d and \u201cRadio<\/a>\u201d <\/strong>filters\u2019 settings and requires the JetEngine <\/em>plugin of 3.2.0 version and higher to be activated.<\/p>\n\n\n

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

The \u201cJetEngine Query Builder Switcher\u201d Data Source<\/strong> is not supported by the \u201cCheckboxes list<\/a>\u201d Filter Type<\/strong>.<\/p><\/div><\/div>\n\n\n\n

In this tutorial’s use case, the goal is to display a list of posts on a page. When a filter is applied, only the most recent posts\u2014created within the last two weeks\u2014should be shown.<\/p>\n\n\n\n

Create Two Posts Queries<\/h2>\n\n\n\n

For our purpose, two \u201cPosts Queries<\/a>\u201d should be created.<\/p>\n\n\n\n

Go to WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>and press the \u201cAdd New<\/strong>\u201d button.<\/p>\n\n\n\n

The first \u201cPosts Query\u201d will list all posts, so we name it \u201cAll Posts.\u201d<\/p>\n\n\n\n

In each custom query, a Query ID <\/strong>should be defined, and it <\/strong>should be the same in both queries.<\/p>\n\n\n\n

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

It is highly recommended that a Query ID<\/strong> be applied to the switched custom queries. Otherwise, if multiple widgets\/blocks\/elements of the same provider are on the page, the filter will be applied to all of them. To prevent this from happening, all custom queries used in the filter should be given the same Query ID<\/strong>, which should later be pasted into the Query ID<\/strong> setting in the filter widget\/block\/element and the CSS ID<\/strong> field of the provider.<\/p><\/div><\/div>\n\n\n\n

In the Posts Query <\/strong>section, General<\/strong> tab, specify the Post Type <\/strong>if needed. It can be one or several; for our case, we set \u201cPosts.\u201d<\/p>\n\n\n\n

For the first query, that\u2019s all for the customization, so press the \u201cAdd Query<\/strong>\u201d button.<\/p>\n\n\n\n

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

Return to the WordPress Dashboard > JetEngine > Query Builder <\/em><\/strong>tab and push the \u201cAdd New<\/strong>\u201d button again.<\/p>\n\n\n\n

The second \u201cPosts Query\u201d <\/strong>will list only posts created in the last two weeks, so it\u2019s named \u201cLatest posts.\u201d <\/p>\n\n\n\n

Set the same Query ID <\/strong>as for the first query.<\/p>\n\n\n\n

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

Scroll down to the Posts Query <\/strong>section, and, in the General <\/strong>tab, set the same Post Type<\/strong> as for the first query.<\/p>\n\n\n\n

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

Then, open the Date Query <\/strong>tab and hit the \u201cAdd new<\/strong>\u201d button. Into the After <\/strong>field, enter \u201c2 weeks ago\u201d.<\/p>\n\n\n\n

After that, you can click the \u201cAdd Query<\/strong>\u201d button to save the settings.<\/p>\n\n\n\n

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

Create a Filter<\/h2>\n\n\n\n

Once the queries are created, head to WordPress Dashboard > Smart Filters > Add New<\/em><\/strong>. Enter the Filter Name <\/strong>and pick the Filter Type <\/strong>(\u201cSelect\u201d in this case).<\/p>\n\n\n\n

Choose the \u201cJetEngine Query Builder Switcher\u201d Data Source<\/strong>. In the Select Query <\/strong>dropdown, set the two just-created queries.<\/p>\n\n\n\n

Click the \u201cdatabase<\/strong>\u201d icon next to the Query Variable <\/strong>field and pick the \u201cSwitch JetEngine query\u201d option.<\/p>\n\n\n\n

Adjust other filter settings if required and push the \u201cUpdate<\/strong>\u201d button.<\/p>\n\n\n\n

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

Place the Filter and Its Provider on a Page<\/h2>\n\n\n\n

Now, it is time to display the items on the website. It can be done with a Listing Grid<\/strong><\/a> <\/strong>widget\/block\/element so that a Listing Template<\/strong><\/a> should be built beforehand. You can check other filter providers<\/strong><\/a> to select the most suitable one.<\/p>\n\n\n\n

The Listing Grid <\/strong>and Select Filter <\/strong>should be placed on the needed page or template in the Elementor, WordPress block, or Bricks editor. In the Listing Grid <\/strong>settings, pick the created Listing<\/strong>.<\/p>\n\n\n\n

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

Unroll the Custom Query <\/strong>tab of the Listing Grid<\/strong>, activate the Use Custom Query<\/strong> toggle, and set the \u201cAll Posts\u201d Custom Query<\/strong>. In this way, the listing will initially display all posts.<\/p>\n\n\n\n

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

Applying a custom query to the filtered provider is obligatory. If the Listing Template<\/strong> was already based on the \u201cQuery Builder\u201d source<\/a>, applying the custom query in the settings of the filtered provider is not needed.<\/p><\/div><\/div>\n\n\n

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

Be aware that the custom query settings take over the Posts number <\/strong>option of the Listing Grid<\/strong>. To display the exact number of posts per page, you can adjust the Pagination<\/strong><\/a> <\/strong>settings of the \u201cPosts Query.\u201d<\/p><\/div><\/div>\n\n\n\n

Also, the Query ID <\/strong>from the custom queries settings should be copied and pasted into the CSS ID <\/strong>field of the Advanced<\/strong> tab of the Listing Grid <\/strong>settings.<\/p>\n\n\n\n

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

In the Select Filter <\/strong>settings, the created filter should be picked, the This filter for <\/strong>set to \u201cJetEngine\u201d (because the \u201cJetEngine\u201d provider stands for the Listing Grid<\/strong>),and the Query ID <\/strong>pasted.<\/p>\n\n\n\n

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

Customize the page or template as needed and save it.<\/p>\n\n\n\n

Check the Result<\/h2>\n\n\n\n

Now, the filter is ready for use. Open the page on the front end to test how it works. <\/p>\n\n\n\n

When selecting the \u201cLatest posts\u201d option, the listing displays only the posts created in the last two weeks.<\/p>\n\n\n\n

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

That\u2019s all. Now you know how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source<\/strong> to create a JetSmartFilters<\/em> filter to display all the latest posts from the last two weeks on your WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"

Learn how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all and the latest posts from the last two weeks.<\/p>\n","protected":false},"author":8,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[360],"yoast_head":"\nCreating a Filter to Display All and Latest Posts from the Last Two Weeks \u2014 JetSmartFilters | Crocoblock<\/title>\n<meta name=\"description\" content=\"This tutorial explains how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all the latest posts from the last two weeks.\" \/>\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\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Filter to Display All and Latest Posts from the Last Two Weeks \u2014 JetSmartFilters | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"This tutorial explains how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all the latest posts from the last two weeks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-29T14:32:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/jetsmartfilters-posts-query-id.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\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/\",\"name\":\"Creating a Filter to Display All and Latest Posts from the Last Two Weeks \u2014 JetSmartFilters | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-01-29T14:31:03+00:00\",\"dateModified\":\"2025-01-29T14:32:01+00:00\",\"description\":\"This tutorial explains how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all the latest posts from the last two weeks.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tips & tricks\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Creating a Filter to Display All and Latest Posts from the Last Two Weeks\"}]},{\"@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":"Creating a Filter to Display All and Latest Posts from the Last Two Weeks \u2014 JetSmartFilters | Crocoblock","description":"This tutorial explains how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all the latest posts from the last two weeks.","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\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/","og_locale":"en_US","og_type":"article","og_title":"Creating a Filter to Display All and Latest Posts from the Last Two Weeks \u2014 JetSmartFilters | Crocoblock","og_description":"This tutorial explains how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all the latest posts from the last two weeks.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/","og_site_name":"Help Center","article_modified_time":"2025-01-29T14:32:01+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/01\/jetsmartfilters-posts-query-id.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\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/","name":"Creating a Filter to Display All and Latest Posts from the Last Two Weeks \u2014 JetSmartFilters | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-01-29T14:31:03+00:00","dateModified":"2025-01-29T14:32:01+00:00","description":"This tutorial explains how to use the \u201cJetEngine Query Builder Switcher\u201d Data Source to create a JetSmartFilters filter to display all the latest posts from the last two weeks.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/creating-filter-to-display-all-and-latest-posts-from-last-two-weeks\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Tips & tricks","item":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/"},{"@type":"ListItem","position":3,"name":"Creating a Filter to Display All and Latest Posts from the Last Two Weeks"}]},{"@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\/tips-and-tricks\/46898"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tips-and-tricks"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/tips-and-tricks"}],"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=46898"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=46898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}