{"id":30125,"date":"2022-11-04T10:14:15","date_gmt":"2022-11-04T10:14:15","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/"},"modified":"2023-03-10T18:27:34","modified_gmt":"2023-03-10T18:27:34","slug":"highlighting-the-current-term-in-listing-on-the-archive-page","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/","title":{"rendered":"Highlighting the Current Term in Listing on the Archive Page"},"content":{"rendered":"\n<h2 class=\"item-1 wp-block-heading\" id=\"build-terms-query\"><strong>Build Terms Query<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p class=\"offset\">Build the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/jetengine-query-builder-terms-query-type\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Terms<\/strong><\/a><strong> <\/strong>query for the desired taxonomy assigned to the <strong>CPT<\/strong>. <\/p>\n\n\n\n<p class=\"offset\">Go to the<strong> <em>WordPress Dashboard &gt; JetEngine &gt; Query Builder<\/em> <\/strong>and click on<strong> <\/strong>the \u201c<strong>Add New<\/strong>\u201d<strong> <\/strong>button<strong>. <\/strong><\/p>\n\n\n\n<p class=\"offset\">Choose the <strong>\u201c<\/strong>Terms Query<strong>\u201d<\/strong> <strong>Query Type, <\/strong>and below, inside the General tab, choose the <strong>Taxonomy <\/strong>assigned to the <strong>CPT<\/strong>. Leave the rest of the settings as it is.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/query-builder-full-1024x679.png\" alt=\"terms query in the query builder\">\n<\/div><\/div>\n\n\n\n<h2 class=\"item-2 wp-block-heading\" id=\"create-listings\"><strong>Create Listings<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p class=\"offset\">Go to <strong><em>WordPress Dashboard &gt; JetEngine &gt; Listings <\/em><\/strong>and click on the<strong> \u201dAdd New\u201d <\/strong>button. Select \u201cQuery Builder\u201d as the <strong>Listing source<\/strong>, and pick the newly created query from the <strong>Query <\/strong>field.<\/p>\n\n\n\n<p class=\"offset\">Also, do not forget to create the listing item for the <strong>CPT <\/strong>if you still do not have such.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/listing-Item.png\" alt=\"query builder listing item\">\n<\/div><\/div>\n\n\n\n<h2 class=\"item-3 wp-block-heading\" id=\"design-the-query-listing-template\"><strong>Design the Query Listing Template<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p class=\"offset\">For the Query listing item, add two sections with the widget to display the term title. In our case, it is the <strong>Dynamic Field <\/strong>widget (<strong>Source<\/strong>: \u201cPost\/Term\/User\/Object Data\u201d; <strong>Object Field<\/strong>: \u201cTerm name\u201d).<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/dynamic-field-full-1024x522.png\" alt=\"dynamic field general settings in elementor\">\n\n\n\n<p class=\"offset\">Set the different styles for the sections.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/design-for-the-section-full.png\" alt=\"design for the section\">\n<\/div><\/div>\n\n\n\n<h2 class=\"item-4 wp-block-heading\" id=\"adjust-the-dynamic-visibility-settings\"><strong>Adjust the Dynamic Visibility Settings<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p class=\"offset\">Make sure that the Dynamic Visibility module is activated in the <strong><em>JetEngine <\/em><\/strong>settings.<\/p>\n\n\n\n<p class=\"offset\">Set the dynamic visibility for the sections: click on the <strong><em>Section &gt; Advanced &gt; Dynamic Visibility<\/em><\/strong> tab. Then activate the <strong>Enable <\/strong>toggle and set the \u201c<strong>Show element if condition met<\/strong>\u201d option, \u201cEqual\u201d <strong>Conditions<\/strong>. Click on the Dynamic Tags icon, choose \u201cCurrent ID\u201d<strong> <\/strong>from the <strong>Macros<\/strong> list, paste the next macro <strong>%current_id%{&#8220;context&#8221;:&#8221;wp_object&#8221;}<\/strong>&nbsp; into the <strong>Value <\/strong>field.<\/p>\n\n\n\n<p class=\"offset\">For the second section, repeat the same actions, except for the <strong>Visibility condition type<\/strong>: choose \u201cHide element if condition met.\u201d<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/dynamic-visibility-full-1024x648.png\" alt=\"dynamic visibility of the section\">\n<\/div><\/div>\n\n\n\n<h2 class=\"item-5 wp-block-heading\" id=\"adding-listing-grid-to-the-archive-template\"><strong>Adding Listing Grid to the Archive Template<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p class=\"offset\">Keep in mind that the <strong>Listing Grid<\/strong> should be placed on the <a href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/creating-custom-post-type-archive-template-with-jetengine-listing-grid\/\" target=\"_blank\" rel=\"noreferrer noopener\">archive page template<\/a>.&nbsp;So go to the <strong>WordPress Dashboard &gt; Crocoblock &gt; Theme Builder <\/strong>and press the \u201c<strong>Create new page template\u201d <\/strong>and \u201c<strong>Add Condition<\/strong>\u201d buttons (select \u201cInclude\u201d &#8211; \u201cArchive\u201d &#8211; \u201cAll archives\u201d of your <strong>CPT<\/strong>, in our case, it is \u201cAll Tutorials Archive\u201d).<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2022\/11\/theme-builder-full-1024x403.png\" alt=\"theme builder template visibility conditions\">\n\n\n\n<p class=\"offset\">Add the section with two columns; each should have the <strong>Listing Grid <\/strong>widget inside. One for the Query listing we created before and one for the <strong>CPT <\/strong>listing.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/elementor-plugin-archive-full-1024x405.png\" alt=\"elementor plugin archive navigator\">\n<\/div><\/div>\n\n\n\n<p class=\"mb-40\">Check the final result.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/final-result-full-1024x364.png\" alt=\"final result on the front end\">\n","protected":false},"excerpt":{"rendered":"<p>Find out how to showcase the current term name among the terms&#8217; list differently beside the posts belonging to that specific term.<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","format":"standard","tipstricks-tags":[359,560],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Highlighting the Current Term in Listing on the Archive Page | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find out how to highlight the current term in the JetEngine listing on the Archive page without any effort 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\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Highlighting the Current Term in Listing on the Archive Page | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find out how to highlight the current term in the JetEngine listing on the Archive page without any effort on your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-10T18:27:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/query-builder-full-1024x679.png\" \/>\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=\"4 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\/highlighting-the-current-term-in-listing-on-the-archive-page\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/\",\"name\":\"Highlighting the Current Term in Listing on the Archive Page | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2022-11-04T10:14:15+00:00\",\"dateModified\":\"2023-03-10T18:27:34+00:00\",\"description\":\"Find out how to highlight the current term in the JetEngine listing on the Archive page without any effort on your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/#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\":\"Highlighting the Current Term in Listing on the Archive Page\"}]},{\"@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":"Highlighting the Current Term in Listing on the Archive Page | Crocoblock","description":"Find out how to highlight the current term in the JetEngine listing on the Archive page without any effort 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\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/","og_locale":"en_US","og_type":"article","og_title":"Highlighting the Current Term in Listing on the Archive Page | Crocoblock","og_description":"Find out how to highlight the current term in the JetEngine listing on the Archive page without any effort on your WordPress website.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/","og_site_name":"Help Center","article_modified_time":"2023-03-10T18:27:34+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/query-builder-full-1024x679.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/","url":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/","name":"Highlighting the Current Term in Listing on the Archive Page | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2022-11-04T10:14:15+00:00","dateModified":"2023-03-10T18:27:34+00:00","description":"Find out how to highlight the current term in the JetEngine listing on the Archive page without any effort on your WordPress website.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/highlighting-the-current-term-in-listing-on-the-archive-page\/#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":"Highlighting the Current Term in Listing on the Archive Page"}]},{"@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\/30125"}],"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\/1"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=30125"}],"wp:term":[{"taxonomy":"tipstricks-tags","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/tipstricks-tags?post=30125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}