Dynamic Visibility - Starting Settings

Enable Visibility

Enabling it you can play with all his settings related to the current element.

Disabling it you are sure that all settings will be ignored and all will be displayed as normal.
You can reactivate it later and all sub settings will be maintained as you previously prepared.

HIDE this element

Immediately hide the element from the frontend.

Really handy when:

  • you want to prepare new page content in more round and publish them only when you are satisfied of results
  • temporary hide an element you will want to reuse later.

Display Mode

You can simply hide it or use multiple triggers that will SHOW or HIDE the element based on some conditions.

For example, if you set as trigger the "Day of the week" with value Monday:

  • on "Display mode" set to Show the element will be visible only on Monday and be invisible for the rest of the week
  • on "Display mode" set to Hide the element will be hidden only on Monday and be visible for the rest of the week

Keep HTML

The module by default strip the element HTML tag from the page content.
This is useful to create more lightweight pages and prevent unwanted content available to curious users.
But if you really want to maintain the full HTML element in DOM page you can do it activating this options.
One purpose is to display it later with a simple JAVASCRIPT removing only the class ".dce-visibility-{elementType}-hidden" applied to hidden element. 

Debug

Only if you are in developing mode with WP_DEBUG enabled there is also this option that will help you to configure Visibility settings.
If you enable it will display to you:
  • in Editor mode will show a panel over the current element with a report of enabling triggers
  • in Fronted if you set "Display Mode" on Hide and the element is hidden will display a question mark with the list of triggers that are triggered in that specific context (user, page, time, ecc).
Don't worry if you forget it enabled...when you put the site in production mode (with WP_DEBUG to false) no additional info will be displayed in the frontend.

Fallback

If the element will be hidden by Visibility you can set an alternative content displayed to the user.
You can render an alternate content, like a simple message or also a more structured content, you can choose from:
  • a Text, where you can write a piece of simple advice like "You need to be authenticated to see this private contents" or structured block coded in HTML, where you can also insert dynamic contents with Tokens (like user name, post title, date, etc)
  • a Template selected from previously created in Elementor Templates with all your widgets and sections in it
Only if the element is a Section you can maintain original section structure to wrap the fallback content, so section settings like background color, padding, width and all other, will be preserved.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us