Dynamic Conditions is an Elementor addon that adds conditional logic to show or hide different elements. The plugin adds conditions to dynamic tags to show/hide a widget or section.
The plugin requires Elementor Pro since it uses Dynamic Tags to set the comparison conditions.
Setting display conditions is easy! Just enter the condition value and compare it to any dynamic tag. If the condition is met, set whether you want to show or hide the element. Can it be more simple?
Advanced users can set complex conditions – you can check if a field is empty, if it contains some value, if it equals a value, greater/smaller or between a certain value.
Special thanks to WPTuts for making a nice video tutorial:
You can support development by contributing to the plugin´s GitHub repository:
- Select a widget or a section.
- Go to the Advanced tab.
- Click the Dynamic Conditions area.
- Set the “Dynamic Tag” field you want to compare to.
- Set whether you want to “Show/Hide” the element if the condition is met.
- Under the “Condition” field, select what you wish to compare. You can compare whether the field is empty/not-empty, check if it has a specific value or if its value is between two other values.
- The “Compare Type” field defines what type of fields do you want to compare. Default compares two strings (text). But if you want to show a widget/section only on Monday or only in December, you can select Days or Month as Compare-Type.
- At last you have to enter the value to compare the dynamic-field with. Or two values, if you have selected the “between” condition.
Can I use custom-fields, ACF fields, Pods?
Yes, all the above are supported and many others supported out-of-the-box by Elementor Pro.
Can I set date based conditions?
Yes, the plugin supports date based conditions, for example current-date or post-date. You can compare dates, days and months.
Can I show/hide elements for logged-in or logged-out users?
Yes, you can set display conditions for logged in or logged out users. Selecting the “user information” dynamic-tag, and set it to “user ID”. Now check if it is empty or not.
The elements will be fully removed from source code, like they are not existing.
Only if you use the experts options to hide also wrappers or other elements, they will only be hidden with css.
We have developed an other plugin which provides some useful tags.
You can find it here:
“Dynamic Conditions” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.المساهمون
- Fix missing css if elements are hidden
- Hotfix weird php-error on array-to-string-conversion
- Fix deprecated warnings
- Add support for containers
- Fix issue with shortcodes
- Add new compare type “in_array_contains”
- Fix error when elementor is disabled
- Styling dynamic-tag field
- Prevent shortcode-execution on hidden elements
- Make condition value dynamic
- Fix some issues with date-parsing
- Add option to disable date-parsing
- Fix issues with parsing of dates from shortcodes
- Fix issue with Elementor 2.9
- Fix issue with popups in editor
- Fix issue with popups in preview
- Fix issue with calculation of hidden columns
- Add array conditions
- Add conditions for popups
- Change code-structure
- Fix issues with day-/month-translation
- Improve parsing of acf dates
- Add icon to elements with condition in preview
- Add option to parse shortcodes
- Fix some issues
- Fix issue with date timestamp in custom skins
- Improve performance
- Add condition between
- Add date, day and month compare options
- Add NumberPostsTag
- Add short documentation
- Add debug-mode
- Fix issue with section
- Add condition greater and less than
- Fix sections
- Some refactoring