Installing and setting up Elevate

Elevation can be installed using two different methods - the quickstart package or standalone template. The essential difference between the template and quickstart version of any of our templates is that the template version is stand alone and can be used on any existing Joomla installation, while the quickstart package is a comple installation of Joomla. If you would like some more information about choosing between the template or the quickstart package check this guide out.

Step 1 - Decide how you want to install Elevate.

a. Installing the Elevate Quickstart package.

Choose this option if you are starting from scratch, do not already have an installation of Joomla installed on your site and would also like the demo content installed onto your site.

We have created an indepth tutorial for installing the quickstart packages. When you have finished doing that come back here and follow the rest of this instruction guide.

b. Installing the Elevate Template.

Choose this option if you already have your site created or have at least made changes to the default Joomla installation and want to overlay the Canvas theme onto your site.

Installing the Elevate template is achieved using the same method as installing any other template or extension.

1. Navigate to your Joomla admin area at yoursite.com/administrator
2. Navigate to Extensions > Install/uninstall
3. Click browse and locate the template zip on your harddrive.
4. Click upload and install.
5. After you receive the success message, navigate to Extensions > Template Manager
6. Select the radio checkbox next to the Canvas template and then click on the button at the top right of the screen that says default.
7. Now if you navigate to the front page of your site and you should see the Canvas template installed into your Joomla site.

Step 2 - Install the JB Library plugin.

The JB Library jQuery plugin is a new addition to our templates and is desined to simplify the process of using our other modules in your site. For a full explanation of what this plugin does check out the jQuery plugin page.

To install the Elevate plugin please do the following:

1. Navigate to your Joomla admin area at yoursite.com/administrator
2. Navigate to Extensions > Install/uninstall
3. Click browse and locate the plg_jbLibrary.zip on your harddrive.
4. Click upload and install.
5. After you receive the success message, navigate to Extensions > Plugin Manager
6. Scroll down to the plugin which will be in the system group and click enable/publish.
7. Now if you check the source output of your site you should see the following code in the head of your template. This means that there is no need to add the jQuery reference in order to use any other modules or plugins that use jQuery on your site.

<script type="text/javascript" src="/joomla/1.5/elevation/media/system/js/mootools.js"></script>
<script type="text/javascript" src="http://localhost:8888/joomla/1.5/elevation/plugins/system/jbLibrary/js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="/joomla/1.5/elevation/media/system/js/caption.js"></script>

Step 3 - Install other modules depdending on your needs.

• Slideshow: Install the Elevation Slideshow module and publish it to the banner position and then follow the instructions on the Slideshow page.
• Superfish Menu: Install the Extended menu module and publish it to the top position and then please follow the further setup instructions on the superfish menu page.
• Panel Menu: Install or duplicate the extended menu moduleif you have already installed it, publish it to the left or right position and then follow the instructions for the panel menu.
• PrettyBox: Install the prettyBox module if you want to use a simple/flexible gallery in a module.

Step 4 - Setting the template parameters

The template parameters for Elevate are fairly straight forward and easy to understand. The options that you have for the template are as follows:

1. Select whether to enable the superfish menu for the site. You need this if you want to use the superfish menu at the top that you see in the demo.
2. Select whether to enable the panel menu on your site. This is the script that is used to enable the sliding panel menu used in conjunction with the extended menu module.
3. Set the template width. This is the width of the entire site.
4. Set the template background theme. Choose between Blue, Green, White, Black, Brown, Red and Grey.
5. Select the logo colour. You will probably use your own logo but we have thrown together a few different logo colour variations. You can choose from blue, black, brown, white, grey, green and red.
6. Select the settings for the prettyPhoto lightbox that is used in conjunction with the prettyBox module.