-
JA Fagus – Userguide
- For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Fagus, named as ja_fagus_quickstart.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 Fagus works:
I. TEMPLATE
1.1 Template Installation
After downloading JA Fagus package and extract it, you will find template package named: ja_fagus_template.zip
Proceed installation of JA Fagus 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 Fagus 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 Fagus template, check How to configure Joomla! template guide!
You can change all JA Fagus parameters as you wish.Please click here for JA Fagus module positions and its arrangement. Base on module positions, you can publish your modules on them to match JA Fagus style.
If you don’t know how to create module position in Joomla!, please follow this guide
II. EXTENSION INSTALLATION
When extracting JA Fagus package, you will see the folder named Extensions. All extensions needed for Fagus template in here, there is one module package: JA Newflash
You check How to install Joomla! module guidefor installation.
JA Newflash module(mod_janewflash.zip)
[position: top]Display randomly your news using MooToo effect.
On demo, it looks like:
In Admin panel, go to Modules>Site Modules and click on module name ( JA Newsflash )to go to configuration page.
Here is the setting of JA Newsflash on demo:
You only need to set Height of div to 120 and change the category to display. To know more about what parameters stand for, simply hover the mouse over its title.
Please remember to set show title to No and publish JA NewsFlash to position top. And then we only need to disable default NewsFlash of Joomla! on the same positions.
Below is parameters explanation:
- Category: Choose the category to get the news from
- Rolling delay time: Time to change between 2 article
- Animation time: Time for animation running (fade, slide,…)
- Linked Titles: Title will be linkable or not
- Style class: The effect for display
- Height of div: The height of the div contain article
- Templates: The template for this module only, you can select, add or remove the div in here to customize the display of JA NewsFlash.
In JA Fagus, we have added new tabs box call JA MooTabs which carry multiple modules on it:
You don’t need to install anything, it is built-in functions. Just publish the module you want to the position user5 and you will see it’s there. Note: You must keep module title Show if you publish to user5 position
For customization of JA MooTabs, please open file /templates/ja_fagus/ja_vars.php and scroll to the end, you will see:
/*********** JA MooTabs Options ****************/
$ja_mootabs_options = "
width: '414px',
height: 'auto',
duration: 1000,
changeTransition: Fx.Transitions.Expo.easeOut,
animType: 'animFade'
";
/*********** End JA MooTabs ********************/
You can change animType to ‘animFade’(Fading effect when changing Tabs), ‘animMove’: Moving effect or ‘animNone’: with no effect when changing between Tabs.
You will ask what is changeTransition param is, it’s a bit difficult if you don’t have experience with mootoo, but just leave as default and it will works fine for you.View your site now, does it look good? 🙂 . You may prefer to push your Main Menu to the right position, and push some external modules to the left or user6 position. It’s all depend on you to customize it as you want, as you need.
III. TYPOGRAPHY
JA Fagus came with a rich typography to give users more ability to customize content look and feel. Please check all JA Fagus typography here at JA Fagus Typography
IV. NOT WHEN CUSTOMIZE
1. To display a module with no title (no h3) please add suffix “-notitle” to that module class suffix
2. To HiLite a module, please add suffix “-hilite” to that module class suffix
3. To add a div inside the module (see JA Fagus demo >> Top Artist module) you have to add class “ja-innerdiv” to that div.
For example: <div class=”ja-innerdiv”>4. Requirement of Design concept:
- Top Module always on
- Top Module has no title
V. TIPS AND TRICKS
To have best presentation like JA Fagus demo, you should create your customs modules, publish them in user6, left as well as rebuilt content to match the template scheme
VI. FREQUENTLY ASKED QUESTIONQ: 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_fagus/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?
A: JA template use client’s cookie to save your preferences. If you made change to default value, please close the browser, open a blank new window and then clear the browser’s cookie. You’ll see the new preferences applied.Q: Some of my menu looks horrible. Why?
A: Menus in JA templates are designed with the most semantic mark up are used over the net, it’s the list style. If you made change to the menu type, go to you menu module and change the menu type parameter to Flat List. It will solve the problem.Q: I want to change some graphic contents
A: 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.Q: It’s just a template, why need so many steps to configure and install?
A: No, it’s more than just a template. The package we provided included template and related modules, components and source files. The page you see in our demo site is the set of template + module + component. If you want to make your site look like the demo page, you need to follow our instructions above.
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