Replacing Sections

USE CASE

Replacing Sections

User Case 1: Hiding Sections

Zone 1

Zone 2

Zone 3

Click Here

My First Section

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

My Second Section

My Third Section

CONDITIONS

No Conditions Applied

TRIGGERS

EVENTS

CUSTOM CSS

position the 3 sections one on top of another to creat a smooth fade effect.

#zone1 , #zone2 , #zone3 {
position: absolute;
top:180px;
}

More Cases

Use Cases

Elementor Sections

Interactor Engine

Interactor gives us multiple ways to show and hide entire sections at the click of a button.

Interactor

Use Cases

Elementor Forms + Fluid Logic

Fluid Logic

Dynamic conditions and visibility for form fields and for widgets according to form values.

Fluid Dynamic

Use Cases

Elementor Forms + Gloo

Fluid Logic

More options for your Elementor forms thanks to forms extensions and fluid logic, together.

Forms Extensions

Use Cases

Repeaters for Elementor

Dynamify Repeaters

Feed widgets dynamic information from backend repeaters and then show or hide them according to the number of items thanks to Dynamify and Fluid Logic.

Fluid Dynamic

Use Cases

DOM manipulation

Interactor Engine

Accessible frontend DOM manipulation set up from the Elementor Editor thanks to interactor.

Interactor