JA Anion

Joomla template for movie

Introduction

1. Get to Know Your Template

  • Everyone should read the Template's Overview Article! This is a quick and complete overview of the template, from the colours included, to all of the powerful Joomlart complimentary extensions that come with it. You'll also find links to the LIVE Demo Site, the Download area, as well as the Forum where you can ask questions.
  • Need Help Getting Around Joomlart.com? We've created a QUICK ACCESS GUIDE to help you become a Joomlart Power User. This is a wonderful reference, full of tips on how to quickly find the template info, demo sites, module position guides and more. We don't want you to miss a thing!

2. Download Template and Extensions

Check download folder for the Quickstart, Template zip and other complimentary extensions zip files.

Plan your site Development

  • Making a New Website? - If you are planning to make a new website, use our Quickstart package to clone the demo site and replace the demo content with yours. Check How to install Quickstart Package.
  • Installing on your live website? - If you are planning to use this template on your already live site, you should follow How to make your site look like demo site guide first to learn about the steps involved.

The user guide covers the following aspects:

  • Installing Template on your Joomla
  • Installing T3v2 Framework Plugin
  • Installing complimentary / included extensions.
  • Custom HTML Modules
  • Mega Menu configs

System requirement

JA Anion is compatible with Joomla 3 and Joomla 2.5. Please make sure your system meets the following requirements:

Joomla 3 System requirement

Software

  • PHP (Magic Quotes GPC off): 5.3.1 + (5.4+ recommended)

Databases

  • MySQL(InnoDB support required): 5.1+
  • MSSQL 10.50.1600.1+
  • PostgreSQL 8.3.18+

Web Severs

  • Apache 2.x+
  • Microsoft IIS 7
  • Nginx 1.0 (1.1 recommended)

Joomla 2.5+ system requirement

Software

  • PHP 5.2.4+ (5.4+ recommended)
  • MySQL: 5.0.4+

Web Sever

  • Apache: 2.x+
  • Microsoft: IIS 7
  • Nginx: 1.0 (1.1 recommended)

Browser requirement

The requirements are the same with both Joomla 2.5 and Joomla 3

  • Firefox 4+
  • IE (Internet Explorer) 8+
  • Google Chrome 10+
  • Opera 10+
  • Safari 5+

Development Environment

The requirements are the same with both Joomla 2.5 and Joomla 3

During development process, Localhost is preferred. You can use the following servers on your PC to develop your site.

Windows

  • WAMPSEVER
  • XAMPP for Windows

Linux

  • LAMP Bubdle
  • XAMPP for Linux

Mac OS

  • MAMP & MAMP Pro
  • XAMPP for Mac OS

Installing the Template

1. Installing the Template on your Joomla system

  • Browse and Download: Go to the Download page of JA and download the Template zip file. Refer to this screenshot for the overview of the download folder.
  • Install the Template: Now install the Template on your Joomla 2.5 system. Follow This Guide if you are not familiar with the installation procedure.

Now install the Template on your Joomla 2.5 system. Follow this guide if you are not familiar with the installation procedure.

View Detail Documentation

Template Configuration:

JA Anion template will be installed with the settings used on the demo website, so you can postpone the configuration until you complete the setup (install other modules / plugins used in the demo website).

Once you have completed the setup, you can come back to the template back-end and check the various options for customizing your template. Refer to this Universal T3v2 Back-end Config Guide for options on how to customize your installed template.

Note:

T3v2 template configurations are same in Joomla 1.6 and Joomla 2.5, so the above guide link is valid for both

Links to resources on T3v2 Framework templates and advanced configurations :

Error? - I see “Missing T3” error on the website front-end?

T3v2 Framework based templates need the T3 Framework Plugin to be installed and enabled.

2. Installing T3v2 Framework Plugin (T3 system plugin)

Download and install T3v2 Framework Plugin (aka T3 System plugin). Follow this guide if you are not familiar with the installation procedure. After the plugin is installed, enable it.

Installing the Extensions

Installing complimentary / included extensions and Demo configurations:

  • Free Extensions: (aka complimentary / included extensions). We use many extensions in our demo site to provide greater flexibility and features. These are provided for free to our members.
  • Custom HTML Module: To match the design of the template, we also style (CSS) for Custom HTML modules using different div classes. You will need to check the HTML codes and make sure to use the recommended HTML markup to get correct display. We provide the HTML code in this user guide.
  • 3rd Party Extensions: This template uses JA Comment Component (with its plugins) that is also used for JA Anion Joomla J17. You will need to download JA Comment package, it is available to Developer members and JAEC members only.

Know your Module Positions:

Installing and Configuring Included Extensions:

Now install the Template on your Joomla 2.5 system. Follow this guide if you are not familiar with the installation procedure.

View Detail Documentation

List of modules / plugins used in JA Anion Template Demo:

  • JA Slideshow Module
  • JA Bulletin Module
  • JA Twitter Module
  • JA Sidenews Module
  • JA Contentslider Module
  • JA Typo Plugin
  • JA Tabs Plugin
  • T3 Framework Plugin
  • JA Extensions Manager Component
  • JA Nrain plugin
  • JA Comment Extension
Note: We provide the screenshot of the settings used on our demo website. Make sure you configure your modules / plugins in the same manner to achieve demo site alike style / functions.

Extension Configuration

1. JA Slideshow Module

Module position: content-mass-top
Module class suffix: NOT USED

For more detail, please check the documentation of the module.

View Detail Documentation

2. JA Bulletin Module

This module is used at two different places with different settings.

2.1 Latest

Module Position : ja-tabs
Module Suffix : NOT USED

2.2 Popular

Module Position : ja-tabs
Module Suffix : NOT USED

3. JA Sidenews Module

Module Position: right
Module Suffix : NOT USED

For more detail, please check the documentation of the module.

View Detail Documentation

4. JA Twitter Module 

Module Position: left
Module Suffix : NOT USED

For more detail, please check the documentation of the module.

View Detail Documentation

5. JA Contentslider Module 

Module Position: content-top
Module Suffix : NOT USED

For more detail, please check the documentation of the module.

View Detail Documentation

6. JA Tabs plugin

For more detail, please check the documentation of the plugin.

View Detail Documentation

7. JA Nrain Plugin

JA Nrain plugin is for users to log into your site by using their Facebook, Google, Yahoo, Twitter, etc. accounts. This means they no longer have to register to your site.

In JA Anion template, JA Nrain is integrated in JA Comment component. Therefore, after installing JA Nrain plugin, you must enable JA Nrain plugin first. Go to Components >> ja-comment >> Settings >> Layout & Plugins tab and check option Integrate ja nrain plugin. You can see the screenshot as below.

Custom HTML Modules

A. Custom HTML Modules

We use a total of 7 Custom HTML Modules in JA Anion Template.

If you are not sure how to use Custom HTML Modules or how to access the HTML Editor please Read this Guide.

We will provide you with the HTML Code (markup) for reference below, you will need to replicate it exactly and then change your content. Remember, HTML code has special div classes, which are required for demo alike display.

1. JA Tabs

Module Position : right
Module Suffix : hilite moduletable_tab

<p>{jatabs type="modules" animType="animNone" style="anion" position="top" widthTabs="120" heightTabs="30" width="100%" height="auto" mouseType="click" duration="1000" colors="10" module="ja-tabs" }{/jatabs}</p>

2. Who we are?

Module Position : right
Module Suffix : NOT USED

<div class="ja-innerdiv"><img src="/images/stories/demo/sam-1.png" border="0" alt="JoomlArt.com" align="right" />
<p>Ante at metus vitae vitae habitant In justo Pellentesque sapien ipsum. Ipsum Pellentesque Donec fermentum feugiat gravida</p>
<a href="/index.php?option=com_content&Itemid=709&id=69&lang=en&view=article" title="Who we are ?">Read more About us...</a></div>

3. Video of the day

Module Position : right
Module Suffix : NOT USED

<p><img src="/images/stories/demo/video.jpg" border="0" alt="sample video" /></p>
<p><a class="ja-title" href="#"><strong>New High-Definition Trailer</strong></a></p>
<p>Universal Studios resurrects the classic lycanthrope with this tale of a man who experiences an unse...</p>

4. T3 Framework

Module Position : user5
Module Suffix : NOT USED

<p>In at tortor eget purus commodo aliquet eget non tortor. In consequat, ante id placerat iaculis, nunc erat pretium neque, at venenati...</p>

5. 6 Preset Styles

Module Position : user6
Module Suffix : NOT USED

<p>Rhoncus sed. Lectus vitae augue, mauris tincidunt. Ut nec fermentum, dolor vestibulum.</p>
<div class="text-note">Black, Blue, Brown, Green, Orange, Red</div>

6. Multi Menu

Module Position : user7
Module Suffix : NOT USED

<p>Nunc erat pretium neque, at venenatis arcu ipsum ac metus. Aliquam pharetra dapibus blandit.</p>
<ul class="two-cols clearfix">
<li><a href="/?ja_menu=split">Split Menu</a></li>
<li><a href="/?ja_menu=dropline">Dropline Menu</a></li>
<li><a href="/?ja_menu=css">CSS Menu</a></li>
<li><a href="/?ja_menu=mega">Mega Menu</a></li>
</ul>

7. What is Joomla?

Module Position : user8
Module Suffix : NOT USED

<p>Joomla is an award-winning content management system (CMS), which enables you to...</p>
<div class="text-note">Praesent lacus convallis urna vel incidunt pellentesque...</div>

B. Joomla Modules

1. Search

Module Position : search
Module Suffix : NOT USED

2. Who's online

Module Position : right
Module Suffix : NOT USED

3. Login Form

Module Position : left
Module Suffix : NOT USED

4. Module Breadcrumbs

Module Position : breadcrumbs
Module Suffix : NOT USED

5. Main Menu

Module Position : left
Module Suffix : _menu moduletable_hilite

6. About Joomla

Module Position : left
Module Suffix : NOT USED

7. Top Menu

Module Position : topnav
Module Suffix : NOT USED

Typography Styles

JA Anion comes with multiple typography styles for headings, content, tables, buttons, quotes, lists and so on...

You can view the Typography Page on the Demo site: Typography Page

Here is the HTML code

You can use the above HTML code to make a similar page on your website and refer to the codes for using Typography.

IMPORTANT: These typography styles are specific to JA Anion template and if you use them in your content and later decide to change the template, the styles will be broken, as these styles depend upon the template based css files (typo.css). We recommend using minimum typography, if you plan to change your template in future.

Third Party Extension Configuration

K2 Component

1. Installing and Configuring K2

1.1 Installing K2

If you are new to this Joomla component, please read this guide.

1.2 Configuring K2 component

a. Global Configuration: Click Parameter button on the right

Back-end Setting

b. Category Configuration

As you can see on our Demo, there are different styles for each page: Tiris Blog uses ja_tiris_blog template while All Categories use ja_tiris.

To build your website like our demo, navigate to Administrator >> Component >> K2 >> Categories.

All Categories: Films by genre

Action

Note:

Settings for other child categories under Films by genre category as the same as Action settings In JA Anion, K2 content uses K2 extra field to add more information. Here is the settings for: K2 Extra Field group - K2 Extra Fields - K2 Extra Field Details.

2. Configurations for K2 Modules as on our Demo

This instruction is a reference for developers using manual installation, a guide on how to setup K2 Component like on the demo website and the quick-start package.

Please refer to the official documentation on how to install and setup K2.

2.1 K2 User Module 

Module Position : right
Module Suffix : NOT USED

2.2 K2 Users Module 

Module Position : right
Module Suffix : NOT USED

2.3 All Category Module 

Module Position : right
Module Suffix : NOT USED

2.4 K2 Comments Module 

Module Position : right
Module Suffix : NOT USED

2.5 K2 Content Module 

Module Position : right
Module Suffix : NOT USED

Recommendation

The above user guide should help one in replicating the Demo site settings for the template and extensions on their own sites.

Recommended :

If you are new or confused, we recommend installing Quickstart on your localhost and use it as reference for configs. This is the best way to work with any template. Links to all the resources are provided above, you should read them carefully to take the maximum advantage of our products.