-
JA Sargas – Userguide for Joomla! 1.0.x
JA Sargas – 1st JATC template for Nov 06 is released. JoomlArt is proud to bring to our club members another highly accessible Joomla design. With a simple and grey color, JA Sargas is recommended for portal site with large content.
As all other JA templates, the accessibility matters of the templates are of high attention. The essence of accessibility is to put the content of a web page first and the design second, therefore the “Content First” css technique is introduced in this Joomla template; if you view source codes of the JA Sargas demo site, you will see that the mainbody texts are loaded first instead of left column like other template.
This not only means that the content is easier to view with all type of browsers but also helps with search engine rankings. Moreover, five built-in menu options are revamped and all menu items now have it’s own title tag: <Title=”Menu name”>New!
Especially, the Horizontal JA Dropline menu Updated! is totally rewritten so that user can navigate more comfortable since it’s first presence at JA Kruger. All of these improvements simply are parts of our effort to enhance web accessibility for your Joomla sites.
- For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Sargas, named as ja_sargas_quickstart_v…_j1.0.x.zip. For instruction how to use JoomlArt quickstart package, please check the QuickStart guide
- For users who new to Joomla!, there are many useful documents available at http://joomla.org about Joomla! and how to use, please spend some time to check them out.
Here is some other guides that may useful for you:
- For users that already have a site with contents and other extensions installed, please follow my instruction below to understand how JA Sargas works:
I. TEMPLATE
1.1 Template Installation
After downloading JA Sargas package and extract it, you will find template package named: ja_sargas_template_v…_j1.0.x.zip
Proceed installation of JA Sargas as other normal Joomla! templates. If you don’t know how to do installation or set a template as default, please check the How to install Joomla! template guide.
After installing and setting JA Sargas as default template, your site should look like this:
To see position located in site, in Navigation toolbar input string “?tp=1” at the end of site link
1.2 Template Configuration
To configure JA Sargas template, check How to configure Joomla! template guide!
You can change all JA Sargas parameters as you wish.- Color Variation: 3 color themes (Default, Green, Orange)
- Font size : Increase/Decrease font size (from 1 to 6).
- Menu Module: include Split/Css/Trans/DL menu
- Screen: type of template screen (Wide/Narrow screen)
- Display template tool: include No display/Disable Color, enable screen/Enable color, disable screen/Enable all
- Font: Type of font : ultra_vertex/opal/gill_sans
JA Sargas module positions are available here You just need to configure your modules to be loaded on those positions to match JA Sargas style.
If you don’t know how to create module position in Joomla!, please follow this guide
II. EXTENSION INSTALLATIONWhen extracting JA Sargas package, you will see the folder named Extension with all extensions built in the JA Sargas: JA CoolAds moduleand JA SIFR mambot. That means when you install via template installer, you need to install JA CoolAds module and JA SIFR mambot separately, then configure their positions as instructed in Template configuration section.
You check How to install Joomla! module guideand How to install Joomla! mambot guide for installation.
Extensions built in JA Sargas comprise:
Note: [xx] stands for module position- [user5] JA CoolAds module
- JA SIFR mambot
2.1.JA CoolAds module(mod_ja_coolads.zip)
[position: user5]On demo, it looks like:
In Admin panel, go to Modules>Site Modules and click on module name ( JA CoolAds module )to go to configuration page.
Here is the setting of JA CoolAds on demo:
Parameters explanations:
- Enable Hide Button: Show the “Hide” button. If people click this button, ads will no longer be showed in this current session.
- Enable Close Button: Show the “Close” button. If people click this button, ads will no longer be showed forever until the cookie is cleared.
- Animation Duration: Duration of the animation, by miliseconds. It determines how long your ads will animate.
- Wait To Appear: Waiting time of any ads to appear in the page (after page load completed), by minutes.
- Wait On Second Load: Waiting time of any ads to appear in the page (after the first ad is loaded), by minutes. During this time, no ads will be showed when you navigate the site.
- Module Position To Show: Module positions to be showed on ads. Please don’t add the position of CoolAds here because it will make a forever recursive loop. Making your positions publish/unpublish in each page will make your ads different from these pages.
- Module Position Alignment: Module positions alignment for each module positions above. Leave blank setting will make it centered.
- Starting Day and Ending Day: Timeline for the ads to be showed. The format will be YY/MM/DD (e.g. 06/10/29). Leave it blank will make no timeline restrictions.
- The position of the hide & close buttons are a bit too high. To fix it, go to the file mod_ja_coolads.php located in modules folder and change the 48th line
2.2.JA SIFR mambot(mos_sifr.zip)
To have a stylish heading/title showing like the demo, please install the SIFR mambot
mos_sifr provides you 3 predefined type of fonts. You can choose it from the parameter of the mambot.
2.3. Other notices
- If you want to change or remove something in the footer, just open the “ja_sargas/footer.php” then modify it to suite your needs.
- The {mosimage} may show some extra padding and margin. To solve this problem, go to your Joomla! Administrator -> Mambots -> Site Mambots and change the margin and padding parameters of MOS Image mambot to 0.
- PSD/PNG files and fonts can be found in the template’s source package. Please download the file at our download page in case you need to modify something.
- You can easily enable and/or disable the tools in JA Sargas. Go to the 37th line of “ja_sargas/index.php” and change the value of $ja_tool to the value you want. For example, 0 is disable screen and color, 3 is enable both.
- You can add more header decoration to your banner by adding more image to the /header-deco/ folder in each color. These image will be randomly showed when the page is loaded.
- JA Sargas template also supports multiple colors. To add another color, go to the 21st line and add the color you want to the array $ja_color_themes.
- JA Sargas provides three types of module class suffix. To make a module showed in hight light mode module (like the “Did you know?” module in the demo page), add the class suffix -cyan, -orange or -green to your module parameter. If you’d like to set a module to be another color, you only need to follow the instructions I’ve set out for you below:
- Go to the Site Modules area and open the module you wish to change colours for
- Look for “Module Class Suffix“
- Save the module
III. TYPOGRAPHY
JA Sargas came with a rich typography to give users more ability to customize content look and feel. Please check all JA Sargas typography here at JA Sargas Typography
IV. FREQUENTLY ASKED QUESTION
Q: I want to add a template position in to my Joomla!
A: Go to your Administration Panel, Site -> Template Manager -> Module Positions. Add your template positions and hit the Save button.Q: Where can I change my footer?
A: If you want to change or remove something in the footer, just open the “ja_justicia/footer.php” then modify it to suite your needs.Q: My images take a lot of white space and do not look good?
A: The {mosimage} may show some extra padding and margin. To solve this problem, go to your Joomla! Administrator -> Mambots -> Site Mambots and change the margin and padding parameters of MOS Image mambot to 0.
Q: Images without caption are stuck with text?
A: It is because Joomla! generates the code different when {mosimage} has and doesn’t have its caption. So when you decide that the image will not having a caption, put it between the div tag like this <div class=”mosimage” style=”float: left;”>{mosimage}</div>Q: What’s a module style? And module class suffix?
A: Almost modules offer you a parameter called Module Class Suffix. Set a value for this parameter and you will have your module’s appearance differs from the others. JA templates often provide you some module styles which can be found in Module Styles area of the guide.Q: I changed my default color/font/resolution but when I refresh the page, it didn’t change?
This topic contains 1 reply, has 1 voice, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum