Visibility Base

Enable Visibility

Enabling it you can play with all his settings related to 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 frontend.

Really handy when:

  • you want 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 some conditions.

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

  • on "Display mode" setted to Show the element will be visible only on Monday and be invisible for the rest of the week
  • on "Display mode" setted 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 maintain the full HTML element in DOM page you can do it activating this options.
One purpose is 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 enable 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 enabed...when you put the site in production mode (with WP_DEBUG to false) no additional info will be displayed in frontend.

FALLBACK

If the element will be hidden by Visibility you can set an alternative content displayed to 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 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, ecc)
  • 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.

Still need help? Contact Us Contact Us