Linux 软件免费装
Banner图

Ele Conditions for Elementor

开发者 dudaster
更新时间 2026年5月7日 02:49
捐献地址: 去捐款
PHP版本: 7.4 及以上
WordPress版本: 6.9
版权: GPL-2.0-or-later
版权网址: 版权信息

标签

elementor conditional visibility triggers interactions

下载

2.0.0 1.0.6 1.0.7 1.0.8

详情介绍:

Ele Conditions for Elementor turns static Elementor elements into interactive, context-aware components — without writing a single line of code. There are two independent systems, both accessible from the Advanced tab of any widget, section, or container: ⚡ Triggers & Actions (client-side, no page reload) Attach one or more trigger → action pairs to any element. 10 trigger types: 9 action types: Target selector: leave empty to act on the element itself, or enter any CSS selector to act on another element anywhere on the page. Hide Initially: a dedicated switcher that hides the element on load independently of triggers — useful for elements revealed by a trigger. 🎛 Display Conditions (server-side, evaluated at render time) Show or hide elements based on variables, rules, and time windows. Multiple conditions per element with AND / OR logic. Built-in variables include: user_role, is_logged_in, user_id, post_type, post_status, post_age_days, post_word_count, post_has_thumbnail, cart_count, cart_total, current_hour, current_day, current_month, current_year, utm_source, utm_medium, utm_campaign, utm_content, utm_term, and more. Condition types: Custom variables — register your own variables via the eleconditions_vars filter in your theme's functions.php. ACF support — pick any ACF field from a searchable dropdown; the value is fetched at render time. User meta — condition on any WordPress user meta key for the current visitor. Debug mode — shows a red-bordered overlay with the evaluated variable values, visible only to editors and administrators. Developer-friendly Note: Requires the free Elementor plugin.

安装:

  1. Install and activate Elementor.
  2. Upload the plugin through Plugins → Add New → Upload Plugin, or install directly from the WordPress.org directory.
  3. Activate Ele Conditions for Elementor.
  4. Open any widget, section, or container in Elementor → Advanced tab → look for Ele Conditions (display conditions) and Triggers (interactive triggers).

屏幕截图:

  • Multiple triggers on the same element — combine scroll_into_view → show with exit_intent → add_class for layered interactions.
  • Display Conditions panel — variable comparison conditions with Variable, Operator, and Value; Debug mode toggle included.

常见问题:

Where do I find the Triggers panel?

Open any widget or section in Elementor, go to the Advanced tab, and scroll to the Triggers section.

Where do I find the Display Conditions panel?

Same Advanced tab, scroll to the Ele Conditions section — just above Triggers.

Can I trigger an action on a different element?

Yes. Enter a CSS selector in the Target field (e.g. .my-popup or #hero-button). Leave it empty to target the element itself.

How does A/B testing work?

On first page load the visitor is randomly assigned to group A or B. That assignment is saved in localStorage and stays consistent across sessions. Use A/B Group A and A/B Group B triggers on different elements to show different content to each group.

How do I add my own variables?

Add a filter in your theme's functions.php: add_filter( 'eleconditions_vars', function( $vars ) { $vars['my_var'] = 'some_value'; return $vars; } ); Then select Custom in the variable dropdown and type my_var.

Does it work with Elementor containers (Flexbox)?

Yes — triggers and conditions work on widgets, sections, and containers.

Is there a performance impact?

Display conditions are evaluated server-side at render time — no JavaScript needed for them. The triggers script (triggers.js) is a single lightweight IIFE loaded in the footer only when needed.

更新日志:

2.0.0 1.0.14 1.0.13 1.0.12 1.0.11 1.0.10 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0