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]

#136182

JA Vauxite – Userguide for Joomla! 1.0.x

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

I. TEMPLATE

1.1 Template Installation

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

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

You can change all JA Vauxite 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 screen/Auto)
6. Color Variation: 5 color themes (Default, Brown, Green, Blue, Red)
7. Template Layout: Two options Left/Right layout
8. Enable block functions: Show/hide block function. When you enable blog function, blogs can collapse. –>
9. Show Font tools: Show/Hide font tools
10. Show Color tools: Show/Hide color tools
11. Show Layout tools: Show/Hide layout tools
12. Menu Type: type of menu displayed in site (Mainmenu/Topmenu…..)
13. Menu Module: include Disable/Split/Css/Moo menu.

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

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

II. EXTENSION INSTALLATION

When extracting JA Vauxite package, you will see the folder named Extension with all extensions built in the JA Vauxite, including A Cpanel, JA News FrontPage, JA News, JA Tabs, JA Video Reloaded modules and JA Tabs, JA Zin mambots. That means when you install via template installer, you need to install JA Cpanel, JA News FrontPage, JA News, JA Tabs, JA Video Reloaded modules and JA Tabs, JA Zin 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 Vauxite comprise:

Note: [xx] stands for module position

• [ja-cpanel] JA Cpanel module
• [ja-news-fp] JA News Frontpage module
• [ja-news] JA News module
• [user5] JA Tabs module
• JA Tabs plugin
• JA Zin plugin
• [ja_tabs] JA Video Reloaded module
• All Videos plugin

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 News Frontpage module(mod_janews_fp_j10.zip)
[position: ja-news-fp]

The purpose is rearrange frontpage contents (article choose to display on frontpage) of Joomla. You can choose Default_fp.php layout to have a look like our demo.

On demo, it looks like:

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

Here is the setting of JA News Front page 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
• Hidden classes: Classes that have property such display: none. Separated by |
• Number of news: Total number of news shown in headline, applied to both layouts.
• Number of Featured Articles: Feature news is the newest articles and take most of the place of area, should be 1 if you use default_fp.php layout and 5 if you use headline_fp.php
• Max chars of Featured news: Maximum number character displayed on featured news.
• Show image on Featured news: Show/Hide image on featured news
• Featured news image width: Fixed width of image in pixel (set to -1 if you want to leave image’s default size).
• Featured news image height: Fixed height of image in pixel (set to -1 if you want to leave image’s default size).
• Max chars of normal frontpage news: Maximum number character displayed on normal frontpage news.
• Show image on normal frontpage news: Show/Hide image on normal frontpage news.
• Normal news image width: Fixed width of image in pixel (set to -1 if you want to leave image’s default size).
• Normal news image height: Fixed height of image in pixel (set to -1 if you want to leave image’s default size).
• Layout style: Layout for displaying Frontpage news. With JA Vauxite, JA News front page supports default_fp.php layout only. Thus, you other below parameters is not active.

2.3. JA News module(mod_janews_j10.zip)
[position: ja-news]

On demo, it looks like:

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

Here is the setting of JA News 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
• Article order: Order by created date or modified date.
• Group by category or section: News displayed on front page grouped by Category or Section
• Category (Section) ID: News belongs to Category (Section) ID will be displayed on front page. Set Category (Section) ID line by line. In each line you can put ID and color theme separated by a colon. Syntax for this is: <ID>:<color>, for example:
  

  13:red

14:orange
8:deepblue
12:cyan
5:green
9: pink
11:lime

• Show category (Section) title: Show/Hide category (section) title.
• Intro items: Number of intro items
• Link items: Number of link items
• Max chars: Maximum character number displayed
• Show image: Show/Hide news’s image
• Image Align: Set align of image
• Auto resize: Auto resize image or not
• Show front page article: Show/Hide front page article
• Image width: Fixed width of image in pixel (set to -1 if you want to leave image’s default size).
• Image height: Fixed height of image in pixel (set to -1 if you want to leave image’s default size).
• Columns: Number of column per row (Set to zero if you want to disable other news items)
• Show readmore: Show/Hide Readmore button on news

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

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 Vauxite 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 Zin mambot(mab_jazin.zip)

This mambot will find all available section and categories in your Joomla site and create all menu items link to such section/categories. Once created, menus item will be set to publish status. You can delete or unpublish unnecessary menus.

In Admin panel, go to Mambots >> Site mambots click on module name (JA Section menu plugin) to go to configuration page.. Please make sure it enabled.

Here is the setting at Demo page:

Type in the menu name that you want to create at Menutype. After enable, you will see the menu has been created by click on Menu >> <your menu name>

This menu will be created base on your Section structure and Category you’ve had. If you have any changes in your section/category structure, please select Update Setting = Yes in JA Zin configuration page to make change to menu.

Note: JA Zin used to generate the menu tree for selected section or category. So after you’ve running it and have your desired menu, you can turn it off to save your resource and get a faster load for your site. If you lease it on, menu will be re-generated everytime your page loading.

Now, go to yoursite_template_path/ja_vars_1.0x.php to set this menu (magazin) to display.

2.7. All Video Reloaded module
[position: jatabs]

Flexibly handle your content streaming with any type of video or audio. You can also save your server’s bandwidth by embedding video or audio content uploaded on other servers (YouTube etc.)

On demo, it look like:

In Admin panel, go to Modules >> Site Modules and click on module name (JA Video Reloaded) to go to configuration page.

Here is the setting of JA Video Reloaded on demo:

You only need input video name into Media Codes parameter.

2.8. All Video Reloaded plugin

Please follow this URL to download All Videos plugin.

To display JA Video Reloaded module on frontpage, you must enable All Video Reloaded plugin first.

For more information about this plugin, please visit Author homepage

III. SETTINGS LIKE DEMO

And now, i will instruct you setting your site look like our demo.

1. JA Tabs module: Please follow these steps to create JA Tabs like demo
• Create a new module position named: jatabs (follow this guide to create module position)
• Install JA Tabs module and mambot
• Publish JA Tabs mambot
• Go to JA Tabs module parameter: put on user5 position
• Set parameters: Type tabs: Modules and Select a position: jatabs (that means: modules on jatabs position will be displayed on JA Tabs module).
• Publish All Video Reloaded module on jatabs position.
• Use Custom module to create an article named HODIDAY GIFT and set position is jatabs (follow this guide to create custom module)
• Now, your JA Tabs is similar to our demo

[Author]

Posts