Check out our new Corvid-integrated editor element, multi-state box!
With multi-state boxes, you can display different content for different situations and let site visitors easily navigate multiple displays.
For example, you can:
Show different site content if a shopping cart is empty or full.
Show a preloader while a page is loading.
Let site visitors navigate what appear to be multiple tabs.
Create a custom multi-step form.
Show different site content depending on whether there's an upcoming event.
To set up your multi-state box, follow this general procedure:
Add a multi-state box to your page from the Interactive section of the Add panel.
Set up your states so they each display the content you want.
Then add code to define when each state will be displayed:
Define a condition (for example, a site visitor clicked a button, a product is out of stock).
Select your multi-state box using its ID.
Apply the changeState( ) function with the state you want to move to.