CornerStone

1.Number of positions

The template provides a total of 50 modulepositions, separated into different sections. Click on the image to the left to open a modulepositions overview map.
All modulepositions are collapsible, they are removed completely if they are not in use.

3.Setup individual HTML modules

Joomla allows you to add your own modules with your own text/HTML content very easily. We use such custom modules on the templates demo site to outline the different module positions. If you want to add your own log into your admin backend and click on "extensions->module manager". Hit the "new" icon in the upper right corner and select as module type "custom HTML".
The setup screen of your new module appears. Add a name, select the module position where you want to display your content (take a look at the "module map" above) and add your content into the editor text box at the bottom of the setup screen. You can add texts, images, links and any other HTML elements. Save your module and publish it.

---

3.1.Setup a header area like on our demo site

---

4.Setup the Drop Down menu

The template comes with an moduleposition called "mainmenu". To display your main menu module on this position log into your backend and click on "extensions->module manager". Select your main menu module from the list and hit the "edit" button in the upper right corner. The main menu module setup screens appears. Select as moduleposition "mainmenu" and save the changes. To activat the "Suckerfish" drop down function for sub menu items click on "Module Parameters" in the right column and activate the "Always show sub-menu Items" function. Than click on "advanced Parameters" and enter the value "nav" (without the "") into the "Menu Tag ID" input field. Save the changes. Make sure that the module is published on all home- and subpages and that no other module is published on the "mainmenu" module position.

---

5.Lightbox

The template comes with a nice and simple "Lightbox" script. Means you can add images or external sites which opens in a nice box overlay while the background becomes dark.
For example this code:
<a href="bigversion.jpg" rel="lightbox" title="A sample title"><img src="smallversion.jpg" alt="image" /></a>
shows one image (smallversion.jpg) and if the user click on it the link target (bigversion.jpg) will open up in the lightbox. The important thing is the rel="lightbox" code. If you add it to a link somewhere on your website the link"href" target will open up in a lightbox.
Of course you have to generate the images and upload them before you can see ´em!

---

6.Disable or change the frontpage blog articles and layout

By default Joomla presents a blog like news page as frontpage with several articles. If you don´t want this kind of frontpage, for example if you just want to use modules instead of the "blog" component, you have to disable/remove the frontpage "blog".
Login to your backend and click on "menu->main menu". A list with all mainmenu links appears. One of them is marked with a star. Thats the frontpage link and marks the page with will be displayed first if a user came to your website. By default it is the "Home" link. Mark that link and hit the "edit" button in the upper right corner to access the frontpage config screen.
In the right column you will find four tabs with several configuration options for your frontpage. In the "Parameters (Basic)" tab set everything to "0". So Joomla will stop displaying any articles.
In the second "Parameters (Advanced)" tab hide the "pagination" and the "pagination results" and disable in tab four ("Parameters (System)") the "show title" function.Save the changes. These settings will result in a clean and empty, unused component area which is invisible for the visitors.

---

7.Module "Suffixes"

The template comes with two extra styles for individual modules. One with the "new" and one with the "sale" sign in the upper right corner of the module. To apply one of this styles to a certain module go to your module manager (Extensions-> Module Manager), select the module you want to apply this style and hit the "edit" button in the upper right corner. On the modules config page you can enter the "Module Class Suffix" in the right "Parameters" tab. Add _new for the "NEW" sign, and _sale for the "SALE" symbol. Save the changes.

---

8.Understand and re- create the demo sites frontpage

Joomla makes it easy to create stunning (front-) pages with a lot of different content areas, articles and modules. To understand how we setup the frontpage of the templates demosite and how you can recreate it with a few clicks, read the following instructions carefully:

Click on the image above the see which modulepositions are in use on the templates demo website. If you want to recreate the demos sites frontpage there are several thing to do:
1. Follow Step 2 and 3.1 to setup the sliding header area.
2. Place your mainmenu module on position "mainmenu" and a second menu on position "topmenu".
3.Follow Step 7 and setup some modules with extra styles.
4. Create several custom modules (like described in Step 3) and place them on the same modulepositions which are in use on the demo sites frontpage (use the linked image above to compare it).
5. Setup the Drop Down menu system (follow Step 4).
6. Make sure that all unneeded modules are disabled.