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]

#136513

JA ZinC – Userguide for Joomla! 1.0.x

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

I. TEMPLATE

1.1 Template Installation

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

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

Here is the parameter of JA ZinC on demo:

# BEGIN: TEMPLATE CONFIGURATIONS ##########
####################################
$_params = new mosParameters(”);
# Joomla menutype used in main navigation
# LOGO TYPE DESCRIPTION
$_params->set(‘logoType’,’image’);//image: Image; text: Text
#LOGO TEXT DESCRIPTION
$_params->set(‘logoText’,’JA ZinC’);
#SLOGAN DESCRIPTION
$_params->set(‘sloganText’,’2nd Dec JA Template’);
#FONT SIZE DESCRIPTION
$_params->set(‘ja_font’,’3′);//value from 1 to 6
#TEMPLATE WIDTH DESCRIPTION
$_params->set(‘ja_screen’,’wide’);//wide:Wide Screen;
#Color variation to use
$_params->set(‘ja_color’,’default’);//default: Paper; movie: Movie; grass: Grass; graffiti: Graffiti; game: Game; xmas: Xmas;
#MENU TYPE DESCRIPTION
$_params->set(‘menutype’,’mainmenu’);
#MENU’S TYPE
$_params->set(‘ja_menu’,’css’);//none: Disable; split:Split Menu; css:CSS Menu; moo:Moo Menu
#FUNCTION TYPE
$_params->set(‘ja_modfunc’,’1′);//1: Yews; 0: No

$_params->set(‘usertool_font’, 2); //0: disable, 2: show font tools
$_params->set(‘usertool_color’, 4); //0: disable, 4: show color tools
# END: TEMPLATE CONFIGURATIONS ##########

You can change all JA ZinC parameters as you wish.

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

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

II. EXTENSION INSTALLATION

When extracting JA ZinC package, you will see the folder named Extension with all extensions built in the JA ZinC, including JA Slideshow, JA Category SpotLigh With Image, JA Highslide, JA Bulletin and JA All Video Reloaded modules and JA Highslide mambot. That means when you install via template installer, you need to install JA Slideshow, JA Category SpotLight With Image, JA Highslide, JA Bulletin, JA All Video Reloaded modules and JA Highslide 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 ZinC comprise:

Note: [xx] stands for module position

• [ja-slideshow] JA Slideshow module
• [user7] JA Catslwi module (Category SpotLight With Image)
• [right] JA Highslide module
• [user1, user2] JA Bulletin module
• JA Highslide mambot
• [right] JA All Video Reloaded module
• All Videos plugin

And extension details as follow:

2.1. JA Slideshow module(mod_jaslideshow.zip)
[position: ja-slideshow]

JA Slideshow module allows to show your photos with the beautiful animation effects.

Moreover, for users looking to customize slideshow, this module gives you the flexibility of editing the javascript object settings, setting global options through the options page.

On demo, it looks like:

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

Here is the setting of JA Slideshow on demo:

Parameters Explanation:

• Start status (play, pause): Set the start status of slide show is play or pause.
• Slide Width : Width of Slideshow [px(s)]
• Slide Height : Height of Slideshow [px(s)]
• Images Folder URL : URL to folder contain images in slide show. For example: images/stories/food/ then photos in the food directory will show.
• Alt Images : Alt images will be displayed when the image not found
• Order by (1: Time; 0: File name): The order of the image
• Sort Order (zero:Random; 1:Ascending; 2: Descending ): The sort order of the image
• Set image array display : You can choose an array of images that you want to display only. Separated by comma. Ex: bread.jpg, bun.jpg, coffee.jpg
• Start image : Specific image’s name to start slide show.
• Auto resire image (0:No; 1:Yes): You can set auto resize the images with a size define. Note: This option is best with Face animation
• Display time : Display time of image on slide show. . Default value is 5.
• Transition Duration : Time of animation on slide show . Default value is 2.
• Animation Type (fade: Fading; zoom:Zooming; pan: Panning; combo:Combo – Ken Burns Effect; push:Pushing; wipe: Wiping): Animation effect that you want to display
• Percent of animation : This option used with Panning or Combo animation. You can set value from 0% – 100%. Default value is 10.
• Percent zoom effect : This option used with zoom effect only. You can set value from 0% – 100%. Default value is 10.
• Effect (Linear; Medium to Slow; Fast to Slow; …): Animation effects. Used with Wipe/Push animation only.
• Navigation type : Choose your navigation type as you want
• Thumbnail Width: Width of thumbnail [px(s)]
• Thumbnail Height: Height of thumbnail [px(s)]
• Switch action: Actions occurs on navigation to switch image when click or mouseover.
• Show description : Display description for images.
• Description effection: Effect for description of image, include: Fade, Moveup, Moveup and Fade
• Description Parameter: Write description content using HTML code according to below syntax:

Content of description

For examples:

<p><span>Maecenas nibh congue justo est adipiscing elit.</span>
<span>Nibh justo elit nunc Pellentesque malesuada</span>
<span>Faucibus malesuada semper.</span>
</p>

2.2. JA Category SpotLight With Image module(mod_jacatslwi.zip)
[position: user7]

This module will show specific content from a category in a very impressive way.

On demo, it looks like:

In Admin panel, please go to Modules >> Site Modules and click on module name (Spotlight Module Content with Image) to go to configuration page.

Here is the setting of JA Catslwi on demo:

Parameters Explanation:

• Module Class Suffix: A suffix to be applied to the css class of the module (table.moduletable), this allows individual module styling.
• Category IDs: Input Category ID that means all articles of that category is shown
• Number of Elements: How many element are displayed.
• Module Height: height of the module displayed on front page.
• Text Color: Color of text
• Background Color: Color of background
• Background Transparent: Percentage of background transparent.
• Expand Height: Height when expand
• Collapse Height: Height when collapse
• Auto resize: Two option Yes/No auto resize
• Image Width: Fixed width of the image in pixel (set to -1 if you want to leave the image’s default size)
• Image Height: Fixed height of the image in pixel (set to -1 if you want to leave the image’s default size)
• Max Chars: Maximum character number will be displayed

2.3. JA Highslide module(mod_jahighslide.zip)
[position: right]

On demo, it looks like:

In Admin panel, please go to Modules >> Site Modules 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.4. JA Highslide Mambot(mab_jahighslide_j15.zip)

JA ZinC 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.5. JA Bulletin module(mod_jabulletin.zip)
[position: user1, user2]

This module covers 2 default Joomla! modules: Latest and Mostread module. By that mean, you could show latest articles or most popular articles. You can copy the module into multiple instances (For example, in JA ZinC demo, 2 instances of the module are used, one to show latest news, one to show most popular articles). The module also supports to show image and updated date.

On demo, it looks like:

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

Here is the setting of JA Bulletin on demo:

Parameters Explanation:

1. Type: Show Latest articles or Most read articles.
2. Module Class Suffix: Style of module
3. Enable Cache: Yes/No option
4. Module Mode: is description mode of module: three mode: Content Items only/Static Content only/Both
5. FrontPage items: Show/Hide frontpage items
6. Count: number of article will be displayed
7. Category ID, Section ID: Input category/section ID, that means published articles belong to Category/Section will be displayed
8. Show Image: If enabled, an image in each article will be retrieved and shown. The image will be resize to the input size in next parameters.
9. Image Width: resized image width
10. Image Height: resized image height
11. Show Date: Show/Hide last updated date.
12. Date format: format of date.

2.6. All Video Reloaded module
[position: right]

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.7. 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. Beside JA Slideshow, JA Catslwi, JA Highslide, JA Bulletin and All Video Reloaded modules, we used Custom module of Joomla! to create articles on demo page.

1. Banner module: JA ZinC comes with beautiful banner, to create that banner please follow these steps:

• Copy images you want to display in banner into Site-pathimagesbanners

• Go to Components >> Banners >> Manage Banners >> click New button to go to Banner component configuration page >> Set parameter as below

• And now, we will create two banner modules, go to Admin panel >> Modules >> Site Modules >> Click module name “Banner” to go to banner configuration page.
• Publish this module and set Position is Banner, so you have a banner like demo.

2. JA Slideshow module: set on ja-slideshow position. You only need copy your image folder into your_site_path/image/stories (for example: images/stories/slideshow) and set other parameters for slideshow (Image Folder: images/stories/slideshow/).

3. JA Catslwi module:

• When you put in CategoryID, all articles in that category will be shown as spotlight

1. You can limit number of items to display in Number of Elements.
2. Module height specify the height of each content display:

4. 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-8.jpg, sam-9.jpg, sam-10.jpg, sam-11.jpg, sam-12.jpg, sam-13.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.

5. JA Bulletin: show lastest and most popular articles on user1 and user2 position. Follow these below steps to create JA Bulletin:

• Install JA Bulletin module
• Go to JA Bulletin parameter, set Title is Lastest News and position is user1
• Choose Type: Lastest News and set other parameters. So newest articles will be displayed on user1 position
• On Module Manager panel, tick Lastest News module and choose Copy to copy module.
• Go to Copy of Lastest News module, rename to Popular, set on user2 position and choose Type: Most read. So articles that are most read will be displayed on user2 position.

6. All Video Reloaded module: you can add video clip by:

• Locate your video on Site_pathimagesstoriesvideos, and a thumbnail of that video on Site_pathimagesstoriesvideosthumbnail.
• Go to Admin panel >> Modules >> Site Modules >> choose All Video Reloaded to go to configuration page.
• Input video name into Media Codes parameter.
• You can change location of video by go to Admin panel >> Mambots >> Site Mambots >> choose AllVideos Plugin to go to configuration page >> change path on Local Video Folder parameter.

• Remember that this module support flv, mp4, swf, 3gp, mp3, rbs videos.

7. Custom module to create content for MTV Shows on user5 position, Top Vote on user6 position, On Tonight ZinC on user10 position and Tags Cloud on user11 position.

8. Custom module to create content for Highslide module, Sample moduleon right position
You can check How to create Custom module

And finally your site will be:

IV. TYPOGRAPHY

JA ZinC came with a rich typography to give users more ability to customize content look and feel. Please check all JA ZinC typography here at JA ZinC Typography

V. 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.

[rohlfs Friend rohlfsJoin date: August 2009Posts: 3Downloads:0Uploads:1]

#378662

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.

This is “JA ZinC – Userguide ” and that’s why I could not get the relation with “ja_justicia/footer.php” ? Is is same with Joomla 1.5?

Thank you.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#378690

Please start your thread in the JA Justica board if that is the template you are having problems with.

[Author]

Posts