Display conditions give you precise control over which content appears on each archive page of your website. By setting different visibility rules for archive templates like Category, Tag, and Custom Taxonomy, you can serve relevant, context-specific content to visitors based on the archive they are browsing.
The Display Condition extension in The Plus Addons for Elementor lets you configure visibility rules across all archive template types in the Elementor theme builder, including taxonomy archives, term archives, post type archives, date archives, author pages, and search result pages. Use these conditions alongside the Blog Listing widget to build category pages, tag archives, and custom post type archive templates that display different content based on context.
Best Used For:
- WooCommerce stores displaying category-specific banners or sidebars on product archive pages
- Blogs showing different featured content or CTAs based on the active category or tag archive
- Multi-author publications displaying author bios or portfolio highlights on author archive pages
Note: These display conditions should be applied to the content in common templates like Header, Footer, Sidebar or Specific template.
To check the complete feature overview documentation of The Plus Addons for Elementor Display Condition extension, click here.
Requirement – This extension is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
To add display conditions for archive templates, add any Elementor widget on the page.
1. Go to Advanced > Display Condition.
2. Turn on the Display Condition toggle.
Now you’ll see an option called Keep HTML. Enabling this will hide the content in the frontend if the condition is false but it will remain in the HTML (DOM).
3. After selecting the appropriate option from the Display When dropdown, go to the Rules section, here you have to set the actual display condition. You can have one or multiple conditions/rules.
4. Then click on the Rule tab. Here you’ll find different options under the Archive label.
How to Set Elementor Display Condition Based on Taxonomy Archive?
You can use this display condition when you want to show different content specific to a taxonomy. This is useful when your site uses custom taxonomies and you want each taxonomy archive to display its own relevant widget or section.
To set display conditions for a specific taxonomy:
1. Select Taxonomy from the first dropdown under the Rule tab.
2. Then in the second dropdown, you have two options –
Is – This will make the statement true.
Not – This will make the statement false.
3. In the last field, add the taxonomy names.
Note: If left blank, it will be applied to all taxonomies.
For example, you want to show a brief description about the Book CPT on the sidebar of all pages in the Author custom taxonomy.
To do this, go to the sidebar template and select the widget.
After selecting Taxonomy from the first dropdown, choose Is from the second dropdown.
Then in the last field, add Authors as the taxonomy.
This will show the content on the sidebar of all the author archive pages.
If the option is set to Not in the second dropdown, it will reverse the condition.
Note: You can add multiple taxonomies together.
How to Set Elementor Display Condition Based on Term Archive?
With this option, you can set display conditions for content in term archive templates, such as category, tag, or custom taxonomy. Use this when you want to show different content based on specific categories, tags, or custom taxonomy terms.
To set the display condition for term archive:
1. Select Term (under Archive) from the first dropdown under the Rule tab.
2. Then in the second dropdown, you have two options –
Is – This will make the statement true.
Not – This will make the statement false.
3. In the last field, add the term names.
Note: If left blank, it will be applied to terms.
Note: You can add multiple terms together.
For instance, you may have a “Recipes” term archive template and want to show a special banner only on the archive pages for the “Desserts” category. Set the display condition based on the term being displayed (“Desserts”), and the content will appear only on that term archive page. Setting the condition to Not reverses this, hiding the content on that term and showing it on all others.
How to Set Elementor Display Condition Based on Post Type Archive?
With this option, you can set display conditions for content based on different post type archive templates, including standard pages, posts, and custom post types like WooCommerce product archives or Portfolio. Use this when you want specific content to appear only on a particular post type archive.
To set the display condition for post type archive:
1. Select Post Type from the first dropdown under the Rule tab.
2. Then in the second dropdown, you have two options –
Is – This will make the statement true.
Not – This will make the statement false.
3. In the last field, add the post type names.
Note: If left blank, it will be applied to all post types.
Note: You can add multiple post types together.
For instance, you may want to display a unique banner on the Portfolio archive template and a different section on the Testimonials archive template. Set a separate display condition for each post type to control exactly which content appears where.
For product-specific visibility rules that complement post type archive conditions, see How to Set Elementor Display Condition Based on WooCommerce Product for WooCommerce-specific display condition setup.
How to Set Elementor Display Condition Based on Date Archive?
You can use this display condition to show or hide content based on different date archive templates, such as day, month, or year. Use this when you run seasonal campaigns or time-based promotions and want a specific widget to appear only on a particular date archive.
To set display conditions for date archive:
1. Select Date from the first dropdown under the Rule tab.
2. Then in the second dropdown, you have two options –
Is – This will make the statement true.
Not – This will make the statement false.
3. In the last field, select the appropriate date archive option.
Note: If left blank, it will be applied to all date archives.
Note: You can add multiple date archives together.
For example, you want to display a special message only on the monthly archive pages of your blog. Set the display condition to the Month option, and the content will appear exclusively on those pages.
How to Set Elementor Display Condition Based on Author Archive?
You can use this display condition to show different content based on different post authors on your site. Use this when your site has multiple contributors and you want each author archive page to display a unique bio, portfolio section, or CTA.
To set display conditions for different authors:
1. Select Author from the first dropdown under the Rule tab.
2. Then in the second dropdown, you have two options –
Is – This will make the statement true.
Not – This will make the statement false.
3. In the last field, add the author name.
Note: If left blank, it will be applied to all authors.
For example, you want to display a custom banner on the archive pages of a particular author. Set the display condition to the Author archive option and add the author’s username in the last field. The content will appear only when visitors view that specific author’s archive.
How to Set Elementor Display Condition for Search Archive?
You can use the Search archive display condition to show or hide content based on a specific search term, or broadly on your website’s search results page. Use this when you want to display a targeted banner, featured products, or a specific message when visitors search for certain keywords.
To set display conditions for search:
1. Select Search from the first dropdown under the Rule tab.
2. Then in the second dropdown, you have two options –
Is – This will make the statement true.
Not – This will make the statement false.
3. In the Keyword field, add your keywords.
Note: You can add multiple keywords separated by a comma or keep it blank to target any keyword.
This way, you can show specific content for a particular keyword on the search results page.
For instance, you want to display a promotional banner when visitors land on the search archive page. Set the display condition to Search Archive, and the content will appear only when users perform a search on your website.
Also, read How to Set Elementor Display Condition Based on Single Page Template.
