Visibility rules

With the Elementor module on, every element gets a VX Visibility section on the Advanced tab. The rules there are VX's own — the same catalog, operators, and value lists VX uses everywhere else — and they are evaluated on the server by VX's engine.

The one guarantee

A hidden element never reaches the page source. It is not rendered and then hidden with CSS; it is not rendered at all. Its children are dropped before rendering so they never even reach the discarded buffer, and elements carrying rules are marked dynamic so Elementor's element cache never serves a stale copy.

That matters for anything sensitive: a phone number behind a "logged in" rule is genuinely not in the HTML for a logged-out visitor.

Setting a rule

1. Select the element. Open the Advanced tab.
2. Open VX Visibility and click the control.
3. Choose Show or Hide as the action.
4. Add rules. Each rule is a condition, an operator, and a value.
5. Set how rules combine — see Groups and matching.

The editor never hides anything, so you can keep working on an element whose rule would hide it from a visitor.

Groups and matching

Rules live in groups, and there are two levels of matching:

Level	Setting	Meaning
Inside a group	Match all / any	Every rule in the group must pass, or just one
Between groups	Match all / any	Every group must pass, or just one

That is enough for the usual shape: "(logged in AND has the subscriber role) OR (the post's featured switch is on)" — two groups, each matching all, the groups matching any.

What you can test

The rule catalog comes from VX, so the list matches whatever this install of VX offers, plus whatever other modules add. Typically:

• The viewer — logged in or out, role, specific user
• The post — its status, its post type, its terms, any of its VX field values
• The request — date, weekday, time, query parameters
• The device — browser, operating system

With a store module on, you also get store rules: product in stock, on sale, is a subscription; the viewer has bought this product, has an active subscription, is a customer; the cart has items or holds this product.

Elementor V4

On V4 atomic elements the same rules appear as a panel section built with Elementor's own React controls, and the value is stored as an atomic prop. Same engine, same rules, same guarantee — you can mix classic and atomic elements on one page without thinking about it.

Copying rules between elements

Right-click an element and use the VX group in the context menu:

• Copy visibility rules
• Paste visibility rules

The clipboard is Elementor's own, so a copy survives a page reload and works across editor tabs, exactly like Paste style.

An element carrying rules shows a VX icon in the Structure panel, so you can find every ruled element on a long page without opening each one.

Rules inside a loop

When an element is both looped and ruled, the rules are evaluated per item — so a loop over a repeater can print only the rows that qualify. See Loops.