Support Team
posted this
10 November 2014
Hello
Ok.
In general such templates are simply a page with anchors and smooth scrolling. So, all you need is to add anchors somewhere on the page. Let's consider a one page website based on modules.
1. open Themler Home template
2. add joomla position controls (Add control >> Other). They will create module positions which you can use to place modules inside them.
3. Then put the Custom HTML modules inside these positions. The modules at the beginning of each section should contain an anchor. For example:
<a id="link1"></a>
You can add an unlimited number of modules inside the specific position but the first module which will create a "stop point" on page scroll should contain an anchor (this could be any element with ID atribute).
In the example I provided (http://ironsummitmedia.github.io/startbootstrap-agency/) these sections are Services, Portfolio, About, etc sections.
4. Then you should create a menu link to this anchor:
Joomla menus >> add new menu item >> system links >> external URL:
5.Then you need to enable three options in Themler:
- "Bootstart ScrollSpy Plugin" under the Theme Settings in Themler
- "Smooth scrolling" under the horizontal menu parameters in the Property Window (left column with properties):
- and "Fix on screen". With this option you will see the menu while page scrolling.
Please let us know if you have any other questions.
Thank you,
Olivia
Hello
Ok.
In general such templates are simply a page with anchors and smooth scrolling. So, all you need is to add anchors somewhere on the page. Let's consider a one page website based on modules.
1. open Themler Home template
2. add joomla position controls (Add control >> Other). They will create module positions which you can use to place modules inside them.
3. Then put the Custom HTML modules inside these positions. The modules at the beginning of each section should contain an anchor. For example:
<a id="link1"></a>
You can add an unlimited number of modules inside the specific position but the first module which will create a "stop point" on page scroll should contain an anchor (this could be any element with ID atribute).
In the example I provided (http://ironsummitmedia.github.io/startbootstrap-agency/) these sections are Services, Portfolio, About, etc sections.
4. Then you should create a menu link to this anchor:
Joomla menus >> add new menu item >> system links >> external URL:
5.Then you need to enable three options in Themler:
- "Bootstart ScrollSpy Plugin" under the Theme Settings in Themler
- "Smooth scrolling" under the horizontal menu parameters in the Property Window (left column with properties):
- and "Fix on screen". With this option you will see the menu while page scrolling.
Please let us know if you have any other questions.
Thank you,
Olivia
