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!