|
To make sure your template is setup correctly, please make sure you read through the template guide thoroughly. We have made the template as customisable as possible and all our css is fully commented.
Before You Start:
Once you have successfully downloaded your template, you will need to extract the zip archive to your local computer, using a free archive utility like 7zip (PC) or
MacZip (Mac),
extract the contents on the zip "absolute-flush-unzipfirst.zip" onto your computer.
First of all, lets start by explaining whats included in your download and how we have structured the files.
In the main folder that you have just extracted to, you should have the following:
- FOLDER: Source Files (These are the Fireworks source files that we designed the template in. If you dont have a copy of Fireworks, you can always download a trial version from the Macromedia site here.)
- FILE: absoluteflush-1.0.x.zip or absoluteflush-1.5.x.zip
- FILE: CHANGELOG.txt
- FILE: IMPORTANT_READ-ME.txt
Step 1.) Installing the Template and setting the Template Configuration
- Now go to "Installers > Template Site"
- Browse for the template zip file in the Template folder.
- Click "Upload File and Install".
- Click "Continue..."
- In the Template Manager, select the new template's radio box and click on the "Default" button (top right).
The template will now be successfully installed, so you can proceed to the template config below...
Open the template index.php file (in your template install folder on your server) with a web file editor (such as dreamweaver or notepad) or by logging into your Joomla Admin and selecting site-templatemanager-sitetemplates from the top menu, then select the template and click on the edit html from the top menu. Make sure that this file is writeable as you will be saving any changes to this file.
You can edit this file with the following settings below to customise your site defaults:
Set the top menu to the suckerfish menu or a module position:
$menu_type =
"suckerfish";
// suckerfish | module
Set which menu to use for the suckerfish:
$menu_name = "mainmenu"; // mainmenu by default, can be any Joomla menu name
Set the top menu to the suckerfish menu or a module position:
Set the front end color switcher on or off:
$use_colorswitcher = 'yes'; // yes | no This sets displaying of the color switcher in the front end.
Set the default color of the site // blue | red | green | pink | orange:
$default_color = "green";
Set the default width of the site // wide | narrow:
$default_width = 'narrow';
Show or hide the width resizer from the front end:
$show_widthresizer = 'yes';
Set the default font size of the site // mediumText | largeText | xLargeText:
$default_fontsize = "mediumText";
Set to show / hide the font resizer from the front end:
$show_fontresizer = 'yes';
Set the main column position of the site // left | right:
$default_sidebarposition = 'left';
Show or hide the sidebar left switcher from the front end:
$show_sidebarswitcher = 'yes';
$show_helpicon = 'yes';
Show options toggle:
$show_optionstoggle = 'yes';
Show or hide the display options:
$show_displayoptions = 'yes';
The template will now be successfully installed, so you can proceed to Step Two to setup your modules.
Step 2.) Setting the module options.
We have setup the entire template to pretty much work "out the box", so there isn't much you need to do.
- Left Sidebar Menu
- To get your sidebar menu displaying the same as on the demo site all you need to do is set the main menu module to a "flat list". You can also leave it set to "Vertical" (which will also allow you have submenu items as in the demo), but keep in mind the vertical output is using tables, which is not good for SEO (with a menu).
- Site Footer Menu - We are using the "Other Menu" module to act as the footer, as there isn't a footer menu by default in Joomla!. All you need for this to work properly, is open the "Other Menu" module, set a module and menu suffix
of "-footer", choose Menu Type: "Flat List" and assign it to the "Footer" module positon.
That is it for the base module setup, for a simple explanation of sIFR fonts and how to change / set them, read the next step.
Top Site Header Settings and Info
Install the Simple Image Rotator module from
the modules folder in your template download by going to installers/modules from your site administration and uploading the package file.
Open up the installed module, publish it and set it to the header position - Set the paramaters as required - just make sure your header images are 1000px by 200px and stored in images/stories/headers. Also make sure these images are readable, read more about the simple image rotator at the JoomlaWorks site.
if using standard CSS simple header images (a single header image for each color) - then as Absolute Flush has multiple widths, make sure that your header image is 1000px wide and is saved in the relevant template images color folder (templatename/images/color/). |
