How to make a Page Intro
With the introduction of Jupiter version 4.0 there is a new feature called Page Intro. This feature changes the page scroll behavior of first Page Section, adding scroll + animation effects. This feature is useful if you want to have information inside your first Page Section to serve as an introduction for your page. Page Intro supports three different effects:
- Zoom Out: click here to see a live demo
- Fade: click here to see a live demo
- Shuffle: click here to see a live demo
In this article
Steps to make a Page Intro
Add a new page for which you want a Page Intro.
Add a Page Section with any content that you would like to be in the Page Intro section. Then open up the edit screen of the newly added page section. (Click on the Pencil Icon)
Add a background image into the page section.
Set the page section to be Full Screen Height.
Set your desired Page Intro effect. Available options:
- Zoom Out
Save changes and close edit screen of page section.
Enable Override Global Settings at the bottom of the page under Jupiter Styling Options.
Enable Transparent Header option. Intro effects best works with transparent header style.
Set Manage Page Elements option under Jupiter Page Options to Remove Page Title.
Enable Page Preloader option under Jupiter Page Options.
Enable Stick Template option under Jupiter Page Options.
Save the page and test the result by loading landing page of your website.