In this tutorial, we will learn about site navigation in Fresh Member
So let’s get started.
In the Account Dashboard, click Manage icon on the relevant project site as shown below:
Project Dashboard – Navigation
Click Navigation and you will be re-directed to the Navigation Management screen as shown below.
(As you can see, the navigation management allows you to add Categories, Member Pages, Site Pages & custom URL links to the Top navigation and the Sidebar Navigation)
Let’s see how the navigation works for Categories and Member Pages.
If you have not created any content yet, click the link to know, “How to add content to Fresh Member”: http://help.freshmember.com/kb/create-content-in-fresh-member/
Please follow the numbering in the screen above for detailed explanations:
1. Top Navigation: It’s advisable to cover the Top Navigation with site pages created for your site. For example the Welcome page, home page, etc. However you may add any category or member page or url as per your convenience.
2. Sidebar Navigation: In case you do not add any category /Member page/url/Site page, all the categories along with member pages will be shown on the side-bar by default. So it’s advisable not to add anything on the sidebar if you want all your content to appear on the side bar.
However, in case you just want to display particular categories/ member pages on the sidebar, then you may select the particular category/member page.
3. Add Category Navigation: This section will display the list of all Categories created by you. In case you want to display a particular category/ module on the front end-site, click the Enable Button of that particular category and click +sidebar. Your chosen category will appear on the sidebar on the front- end site.
4. Add Member Pages to Navigation: This section will display the list of all Member pages created by you. In case you want to display a particular lesson/member page on the front end-site, click the Enable Button of that particular page and click +sidebar. Your chosen page will appear on the sidebar on the front- end site.
Navigation Management continued…
Please follow the numbering for detailed explanations:
1. Add Site Pages to Navigation: This section will display the list of all Site Pages (Site Pages are the standard pages for your site like “Welcome page, Home Page, About us, Privacy” etc.) . In case you want to display a particular site page on the front end-site, click the Enable Button of that particular page and click +Top. Your chosen site page will appear on the Top navigation bar on the front- end site.
2. Add Custom Link: This field allows you to add url’s on the top or side navigation bar.
Add Custom URL: Enter the url link that you want to display. say, youtube.com
Add Navigation Text: Enter the text for your choice of url, say you Tube.
Once you have added your choices to the Top bar and Sidebar, you screen will look similar to the screen below:
1. Clubbing as a sub point: As shown in the screen above, the modules (ie the categories) and the lessons (member pages) are displayed separately. This means all these will be listed separately on the sidebar on the front-end site. Just drag a particular lesson and add it directly to module of your choice. The clubbing is shown in the next screen:
2. Reorder button: This button allows you to directly re-order the sequence of display of items.
Clubbing as a sub point:
As shown in the screen above, the lessons (member pages) are now sub sections of modules (categories)
Once you have made the relevant changes, click Save Menu. System will give a message of Record Updated successfully. We will show you how your site will look on the front -end, but before that, a point to note:
You have the option of creating separate navigation items for different membership levels.
Now let’s see how this works, Stay there on Navigation Management section as shown in the screen below:
The menu items that we just created were added to the Default menu as shown in the screen above.
The Yearly and Monthly options shown below this are the Membership levels in this project. So in case you want to make this default menu as your Yearly Membership Level Menu, copy from (1) Default Menu (select default menu from the dropdown) to (2) Yearly. click Copy. So now, if your members of yearly plan login, they will be seeing these item on the front end.
Similarly, you can customize and create separate navigation items for the monthly plan membership level.
Now, let’s see how your site appears on the front end.
1. Top Bar – This section displays the items finalized for the top bar.
2. Sidebar: This section displays the items finalized for the side bar.
3. Click Lesson 1, and you will see the screen similar to the screen below: