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]

#135156

JA Trona – Userguide for Joomla! 1.5.x

• For users who start your Joomla! site at the beginning, I recommend you using QuickStart package of JA Trona, named as qs_j159_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.5.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 positions located in site, in Navigation toolbar input string “?tp=1” at the end of site link

1.2 Template Configuration

To configure JA Trona, On Admin panel, choose Extentions >> Template Manager, click on template name , you will see parameters of template.

Here is the setting of JA Trona template on demo:

In here, 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.

Please keep your mouse hover each parameter to see description in details.

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 plugins. 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 plugins separately, then configure their positions as instructed in Template configuration section.

You check How to install Joomla! module guide and How to install Joomla! plugin 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 plugin
• JA Tabs plugin
• JA Tooltips plugin

And extension details as follow:

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

On demo, it looks like this, When you click to show control panel:

In Admin panel, please go to Extensions >> Modules Manager and click on module name (mod_jacpanel) 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.zip)
[position: right]

On demo, it looks like:

In Admin panel, please go to Extensions >> Modules Manager and click on module name (mod_jahighslide) 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 plugin(plg_jahighslide.zip)

JA Trona came with JA Highslide plugin, an advanced tool in creating and presenting your content as well as modules on frontpage. All of them can be well align in tabs.

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 enble JA Highslide plugin first

2.4. JA Tab module(mod_jatab.zip)
[position: right]

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 Extensions >> Modules Manager and click on JA Tabs name 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, content, module, Article ID or Articles-Category ID

• If Modules selected, you can choose module position in Select a position dropdown list. 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 List module
• 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 plugin(plg_jatab.zip)

JA Trona came with JA Tabs plugin, an advanced tool in creating and presenting your content as well as modules on frontpage. 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 enble JA Tabs plugin first

2.6.JA Tooltips plugin(plg_jatooltips.zip)

On demo it looks like:

In Admin panel, go to Extensions >> Plugin Manager and click on JA Tooltips name to go to configuration page.

Here is the setting of JA Tooltips on demo:

Parameter Explanations:

• 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 plugin 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 tooltip as below:

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 Categories like:

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

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 plugin support for module with condition that you use PHP5 or above.

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:

_default icon1
_default icon2
_default icon3
_default icon4
_default icon5
_default icon6
_default icon7
_default icon8
_default icon9
_default icon10

Follow below steps to change style of module:

• Go to your Joomla! Administrator -> Extensions -> Modules Manager 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 below.

Backend is :

• Set _default icon7 to Module Class Suffix of People + Parties module, you will see the result as below

Backend is :

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

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 >> Extensions >> Module Manager, choose module name Login Form and set position is top.



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 Extensions >> Plugin Manager >> 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.

[wn1952 Friend wn1952Join date: October 2008Posts: 1Downloads:0Uploads:0]

#278627

Great template, great job!! Just what I was waiting for.:laugh:

Wouldn’t it be a easier to include this manual in the download??

[legrand18 Friend legrand18Join date: August 2007Posts: 28Downloads:0Uploads:1 Thanks: 2]

#278712

Hi, Super the template. I
have a problem in identifying it comes to a blank screen and nothing more.
Joomla 1.5.7
I’m not in the module JaLogin Quickstart pakage is normal

thank’s

[David Parkinson Friend David ParkinsonJoin date: September 2014Posts: 13Downloads:0Uploads:0 Thanks: 4]

#278730

hey guys the template looks great but i cant do much without the PSD source file. Any news on when that will be in the downloads section? Thanks.

[legrand18 Friend legrand18Join date: August 2007Posts: 28Downloads:0Uploads:1 Thanks: 2]

#278823

I am on PHP5
It’s Solved

Thank’s

[ibrahimbdawy Friend ibrahimbdawyJoin date: November 2008Posts: 55Downloads:0Uploads:1 Thanks: 58 Thanked: 18 times in 2 posts]

#279037

Thank’s for your work

[dick1980 Friend dick1980Join date: July 2008Posts: 1Downloads:0Uploads:0]

#280661

I have the double lined Top Menu. How do I get it to show only the line containing the menu-items, not the empty bar (as in the demoed site, not the one showed above)? Disabling login-, color- and fontsizesettings didn’t do it for me…

Without using the cpanel dropdown, that is, for I won’t be using a user log-in.

[ibrahimbdawy Friend ibrahimbdawyJoin date: November 2008Posts: 55Downloads:0Uploads:1 Thanks: 58 Thanked: 18 times in 2 posts]

#280666

Thank’s for Professional work.

[Niek van Hengel Friend Niek van HengelJoin date: September 2014Posts: 38Downloads:0Uploads:0 Thanks: 3]

#286461

Can anyone tell me what the font is of the logo?

[iedwards Friend iedwardsJoin date: February 2007Posts: 20Downloads:10Uploads:3 Thanks: 2 Thanked: 1 times in 1 posts]

#299064

Font is MammaGamma

Ian
estm – Information Systems for Business

[boldimagedesign Friend boldimagedesignJoin date: August 2010Posts: 2Downloads:0Uploads:0 Thanks: 2]

#352969

Can anyone tell me how I would get the html code to setup the user modules on ja trona? specifically the area on the right “FAQ’s”? Thank you.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#353030

<em>@boldimagedesign 190685 wrote:</em><blockquote>Can anyone tell me how I would get the html code to setup the user modules on ja trona? specifically the area on the right “FAQ’s”? Thank you.</blockquote>

Here the html source of this module:

<div class=”bignumber-hilite clearfix”><span>1</span>What are the benefits when I join {jatooltips}JATC <a href=”http://www.joomlart.com” title=”Visit JoomlArt.com”>Visit JoomlArt.com</a> {/jatooltips}?</div>
<div class=”bignumber-hilite clearfix”><span>2</span>Are templates released on a regular basis?</div>
<div class=”bignumber-hilite clearfix”><span>3</span>Can I customize JA templates for my friend?</div>

to make the module has a similar look, you have to make content having same code, and using the “_hilite” Suffix Class

[kubec Friend kubecJoin date: February 2011Posts: 2Downloads:0Uploads:1]

#379072

Hi, I have problem with JA Trona – I installed quickstart site, but Highlights and Tabs extensions do not work. There is just code at that place, where should be extensions.

Thanks for answear.
Regards, Jan

---

Attachments:

1. 

[huypl Friend huyplJoin date: February 2011Posts: 162Downloads:0Uploads:1 Thanks: 2 Thanked: 20 times in 20 posts]

#379274

Dear Kubec,
You can try this way. Pleade go to Module Manager, choose JA Tab and set the position to “left”. Then choose Photo Gallery (ja highlight) and set the position to “right”.

[Author]

Posts