{"id":120371,"date":"2023-06-23T11:38:50","date_gmt":"2023-06-23T06:08:50","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=120371"},"modified":"2023-06-26T16:24:53","modified_gmt":"2023-06-26T10:54:53","slug":"set-elementor-display-condition-based-on-archive-page","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/set-elementor-display-condition-based-on-archive-page\/","title":{"rendered":"How to Set Elementor Display Condition Based on Archive Page Content?"},"content":{"rendered":"\n<p>Display conditions are incredibly useful for designing and creating dynamic content for your website. With the right process, like setting display conditions for different archive templates like Category, Tag, Custom Taxonomy etc. you can create a website that&#8217;s tailored to meet the needs of your audience and make it easier for them to find the information they are looking for.<\/p>\n\n\n\n<p>With the Display Condition extension of The Plus Addons for Elementor you can set different visibility rules for different archive templates of your website.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: These display conditions should be applied to the content in common templates like Header, Footer, Sidebar or Specific template.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Display Condition extension, <a href=\"\/docs\/display-conditions-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This extension is a part of The Plus Addons for Elementor, make sure it&#8217;s installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/plus-extras\/display-rules?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>To add display conditions for archive templates, add any Elementor widget on the page.&nbsp;<\/p>\n\n\n\n<p>1. Go to <strong>Advanced<\/strong> &gt; <strong>Plus Extras : Display Condition<\/strong>.&nbsp;<\/p>\n\n\n\n<p>2. Turn on the <strong>Display Condition<\/strong> toggle.<\/p>\n\n\n\n<p>Now you\u2019ll see an option called <strong>Keep HTML<\/strong>. Enabling this will hide the content in the frontend if the condition is false but it will remain in the HTML (DOM).<\/p>\n\n\n\n<p>3. After selecting the appropriate option from the <strong>Display When<\/strong> dropdown, go to the <strong>Rules<\/strong> section, here you have to set the actual display condition. You can have one or multiple conditions\/rules.<\/p>\n\n\n\n<p>4. Then click on the <strong>Rule<\/strong> tab. Here you\u2019ll find different options under the <strong>Archive <\/strong>label.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Elementor Display Condition Based on Taxonomy Archive?&nbsp;<\/h2>\n\n\n\n<p>You can use this display condition if you want to show some different content specific to a taxonomy.&nbsp;<\/p>\n\n\n\n<p>To set display conditions for specific taxonomy &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Taxonomy<\/strong> from the first dropdown under the <strong>Rule<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"270\" height=\"1044\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-taxonomy.gif\" alt=\"display condition taxonomy\" class=\"wp-image-120372\"\/><\/figure>\n\n\n\n<p>2. Then in the second dropdown, you have two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Is<\/strong> &#8211; This will make the statement true.<\/p>\n\n\n\n<p><strong>Not<\/strong> &#8211; This will make the statement false.<\/p>\n\n\n\n<p>3. In the last<strong> <\/strong>field, add the taxonomy names.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If left blank, it will be applied to all taxonomies.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>For example, we want to show a small brief regarding the Book CPT on the sidebar of all the pages of the&nbsp; Author custom taxonomy.&nbsp;<\/p>\n\n\n\n<p>To do this, go to the sidebar template and select the widget.&nbsp;<\/p>\n\n\n\n<p>After selecting <strong>Taxonomy<\/strong> from the first dropdown, choose <strong>Is<\/strong> from the second dropdown.<\/p>\n\n\n\n<p>Then in the last field, add Authors as the taxonomy.<\/p>\n\n\n\n<p>This will show the content on the sidebar of all the author archive pages.<\/p>\n\n\n\n<p>If the option is set to <strong>Not<\/strong> in the second dropdown, it will reverse the condition.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You can add multiple taxonomies together.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Elementor Display Condition Based on Term Archive?<\/h2>\n\n\n\n<p>With this option, you can set display conditions for the content in the term archive templates, such as category, tag etc. This can be used to show different content based on different categories, tags or custom taxonomies.&nbsp;&nbsp;<\/p>\n\n\n\n<p>To set the display condition for terms archive &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Term<\/strong> (under <strong>Archive<\/strong>) from the first dropdown under the <strong>Rule<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"270\" height=\"1048\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-term-archive.gif\" alt=\"display condition term archive\" class=\"wp-image-120373\"\/><\/figure>\n\n\n\n<p>2. Then in the second dropdown, you have two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Is<\/strong> &#8211; This will make the statement true.<\/p>\n\n\n\n<p><strong>Not<\/strong> &#8211; This will make the statement false.<\/p>\n\n\n\n<p>3. In the last<strong> <\/strong>field, add the term names.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If left blank, it will be applied to terms.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You can add multiple terms together.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>For instance, you may have a &#8220;Recipes&#8221; term archive template, and you want to show a special banner or message only on the archive pages for the &#8220;Desserts&#8221; category. Using this display condition, you can easily achieve this. By setting the display condition based on the term being displayed, in this case, the &#8220;Desserts&#8221; category, you can customise the content specifically for that term archive page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Elementor Display Condition Based on Post Type Archive?<\/h2>\n\n\n\n<p>With this option, you can set display conditions for content based on different post types archive templates like pages, posts, custom post types etc. This can be used if you want to show specific content on a specific post type archive.<\/p>\n\n\n\n<p>To set the display condition for post type archive &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Post Type<\/strong> from the first dropdown under the <strong>Rule<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"331\" height=\"904\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-post-type-archive.gif\" alt=\"display condition post type archive\" class=\"wp-image-120382\"\/><\/figure>\n\n\n\n<p>2. Then in the second dropdown, you have two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Is<\/strong> &#8211; This will make the statement true.<\/p>\n\n\n\n<p><strong>Not<\/strong> &#8211; This will make the statement false.<\/p>\n\n\n\n<p>3. In the last<strong> <\/strong>field, add the post type names.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If left blank, it will be applied to all post types.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You can add multiple post types together.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>For instance, you may want to display a unique banner or introduction paragraph on the &#8220;Portfolio&#8221; archive template to highlight your creative projects, while showing a different message or design element on the &#8220;Testimonials&#8221; archive template to showcase customer reviews. Using this display condition, you can easily achieve this customisation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Elementor Display Condition Based on Date Archive?&nbsp;<\/h2>\n\n\n\n<p>You can use this display condition if you want to show or hide certain content based on different date archive templates like day, month or year.&nbsp;<\/p>\n\n\n\n<p>To set display conditions for date archive &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Date<\/strong> from the first dropdown under the <strong>Rule<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"1027\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-date.gif\" alt=\"display condition date\" class=\"wp-image-120384\"\/><\/figure>\n\n\n\n<p>2. Then in the second dropdown, you have two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Is<\/strong> &#8211; This will make the statement true.<\/p>\n\n\n\n<p><strong>Not<\/strong> &#8211; This will make the statement false.<\/p>\n\n\n\n<p>3. In the last<strong> <\/strong>field, select the appropriate date archive option.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If left blank, it will be applied to all date archives.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You can add multiple date archives together.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>For example, let&#8217;s say you want to display a special message or offer only on the monthly archive pages of your blog. By setting the display condition to the &#8220;Month&#8221; template, you can ensure that the content is shown exclusively on those pages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Elementor Display Condition Based on Author Archive?&nbsp;<\/h2>\n\n\n\n<p>You can use this display condition if you want to show different content based on different post authors on your site.&nbsp;<\/p>\n\n\n\n<p>To set display conditions for different authors &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Author<\/strong> from the first dropdown under the <strong>Rule<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"270\" height=\"1039\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-author.gif\" alt=\"display condition author\" class=\"wp-image-120385\"\/><\/figure>\n\n\n\n<p>2. Then in the second dropdown, you have two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Is<\/strong> &#8211; This will make the statement true.<\/p>\n\n\n\n<p><strong>Not<\/strong> &#8211; This will make the statement false.<\/p>\n\n\n\n<p>3. In the last<strong> <\/strong>field, add the author name.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: If left blank, it will be applied to all authors.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>For example, let&#8217;s say you want to display a custom banner or message on the author archive pages of a particular author. By setting the display condition to the &#8220;Author Archive&#8221; template and specifying the author&#8217;s username, you can ensure that the content is only shown when visitors are viewing that specific author&#8217;s archive.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Elementor Display Condition for Search Archive?&nbsp;<\/h2>\n\n\n\n<p>You can use the Search archive display condition if you want to show or hide content based on a specific search term or in general on your website&#8217;s search result page.&nbsp;&nbsp;<\/p>\n\n\n\n<p>To set display conditions for search &#8211;&nbsp;<\/p>\n\n\n\n<p>1. Select <strong>Search<\/strong> from the first dropdown under the <strong>Rule<\/strong> tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"271\" height=\"1032\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/06\/display-condition-search.gif\" alt=\"display condition search\" class=\"wp-image-120388\"\/><\/figure>\n\n\n\n<p>2. Then in the second dropdown, you have two options &#8211;&nbsp;<\/p>\n\n\n\n<p><strong>Is<\/strong> &#8211; This will make the statement true.<\/p>\n\n\n\n<p><strong>Not<\/strong> &#8211; This will make the statement false.<\/p>\n\n\n\n<p>3. In the Keyword field, add your keywords.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Note: You can add multiple keywords separated by a comma or keep it blank to target any keyword.<\/em><\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<p>This way, you can show specific content for a particular keyword in the search result page.<\/p>\n\n\n\n<p>For instance, let&#8217;s say you want to display a promotional banner or a special message when visitors land on the search archive page. By setting the display condition to &#8220;Search Archive,&#8221; you can ensure that the content is only shown when users perform a search on your website.<\/p>\n\n\n\n<p>Also, read <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/set-elementor-display-condition-based-on-single-page-template\/\" target=\"_blank\" rel=\"noreferrer noopener\">How to Set Elementor Display Condition Based on Single Page Template<\/a>.<\/p>\n","protected":false},"author":25,"featured_media":120452,"parent":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","docs":[565,525],"class_list":["post-120371","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-display-conditions","docs-plus-extras"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=120371"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/120371\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/120452"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=120371"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=120371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}