Elementor Display Conditions Show All Custom Fields and Add Search
Get Premium

Elementor Display Conditions Show All Custom Fields and Add Search

Element.How also offers premium tutorials! Check them here:

Elementor Display Conditions Show All Custom Fields and Add Search

Table of Contents

In this tutorial, you will learn how to show all the custom fields you might have on a project in the Elementor Display Conditions feature.

By default, it is limited to show only 50 custom fields. With this tutorial you will be able to show as many as you need.

You will also be able to add a search to the Elementor Dynamic Tag drop down to easily filter and find the custom field that you need:

Let's get started!

First, add this code to increase the limit of custom fields shown

Add this code in your child theme functions.php, or in a Code Snippet from the Code Snippets plugin. Don't use the Elementor Code feature, it won't work there.

Give it this title:

Elementor Dynamic Condition Increase Custom Meta Fields Limit

<script> 
/* Please login to get the code 
 * The code will be for the Elementor Display Conditions Show All Custom Fields and Add Search tutorial 
 * Found at this URL https://element.how/elementor-display-conditions-show-all-custom-fields-and-add-search-function/ 
 */ 
</script>

Code from the Elementor Github

Then, to add a search filter, add this code

Add this code in a new Code Snippet (or child theme functions.php file).

Give it this title:

Elementor Dynamic Condition: Add Search To Dynamic Tags (Custom Fields) Drop Down

<script> 
/* Please login to get the code 
 * The code will be for the Elementor Display Conditions Show All Custom Fields and Add Search tutorial 
 * Found at this URL https://element.how/elementor-display-conditions-show-all-custom-fields-and-add-search-function/ 
 */ 
</script>

The fields need to have data

If you still have problems with the fields not showing up in the list, be aware that they need to be populated at least one time, to be created and updated in the database, and show up in that list.

So try entering some value, updating, then removing the value if you don't need it. The field should now show up.

Finally, enjoy your improved Elementor Display Conditions Custom Fields Management!

I hope you have enjoyed this tutorial.

Cheers!

Elementor Display Conditions Show All Custom Fields and Add Search

Element.how also provides premium tutorials showing awesome advanced designs, check them out here.

Looking for something else? Search across 2927 Elements right here:

And get exclusive Elementor related discounts here

Checkout the Elementor Addon Finder directly

9 Responses

  1. Hey Maxime! Thanks for that... I hope you can help me out here. I feel like I really tried everything to make it work, but for me certain custom fields just wouldn't show up. I changed the name of the field, created a new one, added some test data... but nothing works. It seems like the custom fields showing up in the list always stay the same no matter what I change. A few are showing, but some are missing. Even if I change the name of a specific field, which does show up keeps the original name. Your first code didn't help either. However, adding the search worked fine. The only hint I get is the following message: "Keep in mind: Certain cache plugins can conflict with your display conditions". Still can't figure out, which plugin that might be, I deactivated some in order to try, but no success. Any idea what's happening here? For other projects it was working fine...

    Thanks, Lukas

    1. Hey Lukas!

      Unfortunately that's more of an Elementor bug, I won't be able to help with this. I think they are aware of this issue... see the GitHub thread referenced in the tutorial.

      Sorry for not being more helpful!

    2. Hi Lukas,

      I was experiencing the exact same issue as you, and I followed the same steps you did. However, I managed to resolve it quite simply. I hope this works for you:

      In the code for "Elementor Dynamic Condition Increase Custom Meta Fields Limit," I increased the limit from 100 to 1000. After doing this, I was able to find my ACF fields using the search function.

  4. Great work on this! Thank you!
    It would also be very helpful to include another snippet that decreases the font size of the dynamic tags. The Elementor font size is too large, and if the field key label is longer than about 18 characters, it gets cut off. Many field keys I work with are longer than that, so its hard to differentiate which is what.

Leave a Reply