Intro
The Overlay Content component was designed to allow adding content to a page and displaying it inside an overlay.
This allows the page to be much more compact.
To use it:
- You create a link on the page with the URL being #<trigger-id>.
- You add the Page Builder Overlay Content component to the page
- You add an Overlay Content item to the component
- You configure the Overlay Content item setting the Trigger Id field to the trigger id you used for the link you created
- You configure the other fields in the item, including the video to be loaded in the overlay
Item Configuration
- Trigger Id
- Title (required but only displayed if before or after text present)
- Video (optional)
- Before text (optional)
- After text (optional)
Here are some examples:
- Open Overlay Hosted Video. (link configured with url = #overlay-video-hosted)
- Open Overlay Youtube Video. (link configured with url = #overlay-video-youtube)
- Open Overlay Vimeo Video. (link configured with url = #overlay-video-vimeo)
- Open Overlay Content (link configured with url = #overlay-pure-text)