How to make a Page Intro

Last Updated on

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:

  1. Zoom Out: click here to see a live demo
  2. Fade: click here to see a live demo
  3. Shuffle: click here to see a live demo

Page Intro Demo

In this article

Steps to make a Page Intro

1
Add a new page.  

Add a new page for which you want a Page Intro.

2
Add a Page Section.  

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 Page Section

3
Add a Background (Optional).  

Add a background image into the page section.

Add a background

4
Full Screen Height.  

Set the page section to be Full Screen Height.

Full Screen Height

5
Set Page Intro.  

Set your desired Page Intro effect. Available options:

  1. Zoom Out
  2. Fade
  3. Shuffle

Set Page Intro

6
Save Changes.  

Save changes and close edit screen of page section.

7
Enable Override global Settings (Optional).  

Enable Override Global Settings at the bottom of the page under Jupiter Styling Options.

Override global Settings

8
Enable Transparent Header (Optional).  

Enable Transparent Header option. Intro effects best works with transparent header style.

Transparent Header

9
Remove Page Title (Optional).  

Set Manage Page Elements option under Jupiter Page Options to Remove Page Title.

Remove Page Title

10
Enable Page Preloader (Optional).  

Enable Page Preloader option under Jupiter Page Options.

Page Preloader

11
Enable Stick Template.  

Enable Stick Template option under Jupiter Page Options.

Stick Template

12
Save the Page.  

Save the page and test the result by loading landing page of your website.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket