Info Pages

Info Pages provides a way to display pages hierarchically. For example you can create a parent page and then nest child pages to the parent page. A menu is will be automatically created which will reflect the nested structure of your pages.

 

For for example we can create a parent About Us page and then nest child pages to it like Who We Are, Our Philosophy, Company Overview etc.

Screen_Shot_2013-07-11_at_9.16.27_AM.png

 

In this tutorial we are going to demonstrate how to create a parent page. Creating child pages is practically the same as creating parent pages with the difference that child pages need to select a parent page.

 

1. Click on the CMS tab.

Screen Shot 2013-07-08 at 11.59.16 AM.png

 

2. Click on the Info Pages menu item.

Screen_Shot_2013-07-11_at_9.17.01_AM.png

 

3. Click on the Add Info Page button.

Screen_Shot_2013-07-11_at_11.58.02_AM.png

 

4. Provide a Name for this parent page. This is also the name that will be used when the menu is generated.

Screen_Shot_2013-07-11_at_9.19.09_AM.png

 

5. The Slug is used to construct the URL for this info page. 

Screen_Shot_2013-07-11_at_9.19.17_AM.png

 

6. The Title will be shown at the top of the page.

Screen_Shot_2013-07-11_at_9.19.21_AM.png

 

7. Since this is the parent page no Parent Section option needs to be selected. When creating the child pages this page name will show as an option on the Parent Section dropdown and you will be able to select this page as a parent page.

Screen_Shot_2013-07-11_at_9.19.27_AM.png

 

8. Checkmark the Document Active option to have this page published as soon as this is saved.

Screen_Shot_2013-07-11_at_9.19.36_AM.png

 

9. The order in which the pages are displayed can be controlled by changing the value in the Order text field. Pages will lower order values will be displayed at the top of the left menu.

Screen_Shot_2013-07-11_at_9.19.40_AM.png

 

10. Select the Sites where this info page will be shown. Hold down the Control or Command key on a Mac to select more than one site.

Screen_Shot_2013-07-11_at_9.19.48_AM.png

 

11. In the Body text box write the content of this info page. You can use HTML or Markdown.

Screen_Shot_2013-07-11_at_9.19.55_AM.png

 

12. For Advanced options click on the Show link.

Screen_Shot_2013-07-11_at_9.21.03_AM.png

 

13. Checkmark the Registration required option to option to have this page available only for logged in users.

Screen_Shot_2013-07-11_at_9.21.11_AM.png

 

14. Use the Template name field to add a custom template for this page. By default this page is using the infopages/default.html

Screen_Shot_2013-07-11_at_9.21.18_AM.png

 

15. To create a custom URL that will override the standard slug based URL set a value (e.g. /about/) in the URL text field. 

Screen_Shot_2013-07-11_at_9.21.24_AM.png

 

16. To add images first create a key and then upload an image form your computer. To place the images on your content use the key surrounded by brakets (e.g. {{ mykey }}).

Screen_Shot_2013-07-11_at_9.21.30_AM.png

 

17. Provide a unique string preferably lower case.

Screen_Shot_2013-07-11_at_9.22.18_AM.png

 

18. Provide a description in the Caption text box.

Screen_Shot_2013-07-11_at_9.22.23_AM.png

 

19. Click on the Choose File button to select an image from your computer.

Screen_Shot_2013-07-11_at_9.23.33_AM.png

 

20. Click on the Add another Info Image to load more images.

Screen_Shot_2013-07-12_at_1.05.55_PM.png

 

21. Videos can be added in a similar way. Provide a unique key, select a video file from your computer then to place the video on your content use your key surrounded by the curly brackets ( e.g. {{ my_video_key }}).

Screen_Shot_2013-07-11_at_9.22.51_AM.png

 

22. Provide a unique Key which is a string preferably lower case.

Screen_Shot_2013-07-11_at_9.23.18_AM.png

 

23. Write a description for this video in the Caption text box.

Screen_Shot_2013-07-11_at_9.23.28_AM.png

 

24. Click on the Choose File button to select a video from your computer.

Screen_Shot_2013-07-11_at_9.23.33_AM.png

 

25. Click on the Add another Info Video button to add more videos.

Screen_Shot_2013-07-12_at_1.20.26_PM.png

 

26. The Info sections can be used to add add extra content to your info pages templates. The same as with adding images and videos, provide a unique key. Then add the content for this info section in the Content text field.

Screen_Shot_2013-07-12_at_1.25.31_PM.png

 

27. Click on the Add another Info Section button to add more info sections.

Screen_Shot_2013-07-12_at_1.26.32_PM.png

 

28. Save.

Screen Shot 2013-06-21 at 3.03.14 PM.png

 

 

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk