Joomla Templates Club 406,261 posts

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#135898

JA Trona – Userguide for Joomla! 1.0.x

• For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Trona, named as qs_j1015_ja_trona.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:

• How to install JoomlArt QuickStart package?

• How to create a new module position in Joomla!

• How to install JoomlArt template?

• For users that already have a site with contents and other extensions installed, please follow my instruction below to understand how JA Trona works:

I. TEMPLATE

1.1 Template Installation

After downloading JA Trona package and extract it, you will find template package named: tpl_trona_j1.0.zip

Proceed installation of JA Trona 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 Trona 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 Trona template, check How to configure Joomla! template guide!

You can change all JA Trona parameters as you wish.

1. Logo type: Logo display in site, has two type: Image and Text
2. Logo text: text displayed in logo if you choose Logo type is Text.
3. Slogan: Slogan displays below logo
4. Font size : Increase/Decrease font size (from 1 to 6).
5. Template Width: type of template screen (Wide/Narrow screen)
6. Color Variation: 4 color themes (Default, Blue, Orange and Green). Show Font tools: show/hide font tools. When you choose show param, you can increase or decrease font size at the frontpage as belows:
7. Show Color tools: Show/Hide color tools. When you choose show param, You can choose color theme at top right of the frontpage.
8. Menu Type: type of menu displayed in site (Mainmenu/Topmenu…..)
9. Menu Module: include Disable/Split/Css/Moo menu.

JA Trona module positions are available here You just need to configure your modules to be loaded on those positions to match JA Trona style.

If you don’t know how to create module position in Joomla!, please follow this guide

II. EXTENSION INSTALLATION

When extracting JA Trona package, you will see the folder named Extension with all extensions built in the JA Trona, including JA Cpanel, JA Highslide, JA Tabs modules and JA Highslide, JA Tabs, JA Tooltips mambots. That means when you install via template installer, you need to install JA Cpanel, JA Highslide, JA Tabs modules and JA Highslide, JA Tabs, JA Tooltips mambot separately, then configure their positions as instructed in Template configuration section.

You check How to install Joomla! module guide and How to install Joomla! mambot guide for installation.

Extensions built in JA Trona comprise:

Note: [xx] stands for module position

• [ ja-cpanel] JA Cpanel module
• [right] JA Highslide module
• [left] JA Tabs module
• JA Highslide mambot
• JA Tabs mambot
• JA Tooltips mambot

2.1. JA Cpanel module (mod_jacpanel.zip)
[position: ja-cpanel]

When you click to show control panel

The result will be as belows:


In Admin panel, please go to Modules >> Site Modules and click on module name (mod_cpanel) to go to configuration page.

Here is the setting of JA Cpanel on demo:

Parameters Explanation:

• The panel ID: ID of the element to be converted to Cpanel
• Width: Control panel width
• Height : Control panel height
• Show/hide default: Show or hide control panel on the first load.
• Tooltip text: Tip show when mouse hover the switcher

2.2. JA Highslide module(mod_jahighslide_j15.zip)
[position: right]

On demo, it looks like:

In Admin panel, please go to Modules >> Site Modules and click on module name (mod_highslide) to go to configuration page.

Here is the setting of JA Highslide on demo:

Parameters Explanation:

• Module Class Suffix: A suffix to be applied to the css class of the module (table.moduletable), this allow individual module styling
• Type: Type of the highslide
• URL: URL of the element: Example, gl-1.jpg, gl-2.jpg…for Slideshow Caption and Slideshow Controlbar or gl-1.jpg for Image or gl-1.swf for Flash or http://google.com for Frame and Ajax
• OR Path Folder (for slideshow): Folder of the element
• Item id: enter ID of the article in case you choose type of highslide is Item
• Position: Enter position of the module in case you choose type of highslide is Modules
• Module name: choose type of module in case you choose type of highslide is Module
• Content id: Enter Id of content, example: 1 in case you choose type of highslide is HTML
• Content: content of HTML

To understand the JA Highslide string syntax, please follow this link: JA Highslide Userguide

2.3. JA Highslide Mambot(mab_jahighslide_j15.zip)

JA Trona came with JA Highslide Mambot, for the syntax of JA Highslide and how to use it, please follow this guide here:
JA Highslide Userguide

Notes: to display JA Highslide module on frontpage, you must enable JA Highslide mambot first

2.4.JA Tab module(mod_jatabs.zip)
[position: left]

JA Tabs module used to display your specific content, categories, section as well as modules in TABS. You can specify module position to display, or using JA Tabs syntax for advanced features

On demo, it looks like:

In Admin panel, go to Modules >> Site Modules and click on module name (JA Tabs for joomla 1.0.x) to go to configuration page.

Here is the setting of JA Tabs on demo:

You can select what will be displayed in JA Tabs block. It can be modules, Article ID, Articles-Category ID or content.

• If Modules selected, you can input module position into the textbox Select an position box. All modules from that position will be displayed in tabs.
• If Content selected, you can input your JA Tabs string to the Enter content code textarea.
• If Module selected, you can input list of module to the textbox Module list
• If Article ID selected, you can input list of Article IDs into textbox Article ID list. All articles which have inputted ID in textbox will be displayed in tabs.
• If Articles-Category ID selected, you can input list of Category IDs into textbox Category ID. All articles which have inputted category ID will be displayed in tabs.

To understand the JA Tabs string syntax, please follow this link: JA Tabs Userguide

2.5. JA Tab mambot(mab_jatab.zip)

JA Trona came with JA Tabs mambot, an advanced tool in creating and presenting your content as well as modules on front page. All of them can be well align in tabs.

For the syntax of JA Tabs and how to use it, please follow this guide here:
JA Tabs Userguide

Notes: to display JA Tabs module on frontpage, you must enable JA Tabs mambot first

2.6.JA Tooltips mambot(mab_jatooltips.zip)

On demo it looks like:


In Admin panel, please go to Mambots >> Site Mambots and click on JA Tooltips to go to configuration page.

Here is the setting of JA Tooltips on demo:

Parameters Explanation:

• Enable Tooltips: Enable/disable tooltips: If disable tooltips, the tip title will be shown as normal text.
• Default style: Default tooltip styles (parameter: style)
• Show tip title: Show/Hide tip title (parameter: showtitle)
• Max title chars: Maximum character of title (parameter: maxTilteChars)
• Show delay: Delay time to show tip (parameter: showdelay)
• High delay: Delay time to hide tip (parameter: hidedelay)
• Tip position: Position of the cursor relative to the tip (parameter: pos), include positions: left-top/left-center/left-bottom/center-top/center-bottom/right-top/right-center/right-buttom.
• OffsetX: Tip horizontal offset (parameter: offsetx)
• OffsetY: Tip vertical offset (parameter: offsety)
• Show when: choose type of trigger to show tips (parameter: showwhen)
• Hidewhen: choose type of trigger to hide tips (parameter: )
• Default width: Default tip width in pixel (parameter: width)

Our JA Tooltips mambot do support for both content and module:

WITH CONTENT: On Home page, on An American Brand Takes Over a French Symbol article, when you hover your mouse to text “Curabitur lacinia Nulla” of you will display a tooltips as belows:

In article editor you can see syntax of tooltips to display as our demo

{jatooltips hidewhen=”overclosebutton” pos=”center-top” offsety=”16″} Curabitur lacinia Nulla Pede odio Aenean leo enim Quisque porta vitae mauris laoreet ante. felis cursus leo congue Curabitur platea. Ipsum Praesent {/jatooltips}

WITH MODULE: you can see sample on FAQs Catagories like:

In module editor you can see syntax of tooltips as belows:

1What are the benefits when I join {jatooltips}JATC Visit JoomlArt.com {/jatooltips}? 2Are templates released on a regular basis?
3Can I customize JA templates for my friend?

Note that: JA Tooltips mambot supports for module with condition that you use PHP5 or extend.

2.7. Module styles

JA Trona has many built-in module styles & icons help you present your content in effective way.

To make a module showed in hight light mode module, you can specify Module Class Suffix parameter to change display style of modules. JA Trona supports 3 styles: -menu like Main menu module, -hilite like FAQ Categories module and -blank like New style 2009 module on demo page.

You can add 5 icon styles under structure -default <iconname>

For example: -default icon6

Below is list of module icon names which were included in JA Trona templates:

Follow below steps to change style of module:

• Go to your Joomla! Administrator -> Modules -> Site Modules area and open the module you wish to change style for
• Find the “Module Class Suffix” field and enter the Suffix you want.
• Save the module

For example:

• Set -default icon6 to Module Class Suffix of Fashion show module, you will see the result as belows:

• Set -default icon7 to Module Class Suffix of Fashion show module, you will see the result as belows:

• When you leave it blank, this module will come back to default style as belows:

III. SETTINGS LIKE DEMO

And now, i will instruct you setting your site look like our demo. Beside JA Slideshow, JA Bulletin and JA Tabs modules, we used Custom module of Joomla! to create articles on demo page.

1. Login form: Go to Admin Panel >> Modules >> Site Module, choose module name Login Form and set position is top.


Back to frontpage, login form will be:

2. JA Cpanel module is set on ja_cpanel position. We default set that Cpanel will be active with Top position. So that, you only need install JA Cpanel, and set the module that you want to active on Cpanel on Top position.
3. JA Highslide module is set on right position. You only need copy your image into image path: your_site_path/image/stories/demo and input name of images (sam-1.jpg,sam-2.jpg,sam-3.jpg,sam-4.jpg,…) into URL param of Highslide module parameters. Note that you can change image path as belows:
• Go To Mambots >> Site Mambots >> choose Highslide for Joomla! 1.5 to go to JA Highslide plugin parameter page.
• 
• You can set image path on Path Thumbnails Image param as you wish.

[Author]

Posts