JA Travel - Joomla template documentation

JA Travel 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

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 colors 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 website Development:

Making a New Website ? - If you are planning to make a new website, then 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 site ? - If you are planning to use this template on your already live website. Then you should follow How to make your site look like demo site guide first to learn about the steps involved. Then you can follow the userguide below.

1. Installing Template on your Joomla:

1.1 Browse and Download: Go To Download Folder of JA Travel and download the Template zip file. Refer to this screenshot for overview of download folder.

1.2 Install the Template: Now install the Template to your Joomla 1.6. Follow This Guide if you are new.

If you are new to Joomla, check out our detail documentatation of How to Install Joomla Template

View Detail Documentation

2. Template Configuration:

JA Travel template will install with Settings used on the demo website. So you can delay the configuration until you complete the setup (installing the other modules / plugins used on the demo site).

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 T3 V2 Back-end Config Guide for options to customize your installed template.

Note: T3 V2 template configs are the same in Joomla 1.5 and Joomla 1.6 . So the above guide link is valid for both.

Links to resources on T3 V2 Framework templates and advance configs:

Overview
Developer Guides
Customization FAQs
Mega Menu - A missing menu system for Joomla!
Video Tutorials (works for Joomla 1.5 and Joomla 1.6)

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

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

3. Installing T3 Framework 2 Plugin (T3 system plugin):

Download the T3 Framework 2 Plugin (aka T3 System plugin), Install and enable it.

If you are new, follow This Guide to learn how to install plugins in Joomla.

1. 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 userguide.

Know your Module Positions:

View Module Position Image (used positions only).
Use Module Position Overlay in Template (used & empty module positions).

Installing and Configuring Included Extensions:

If you are new to Joomla, check out our detail documentatation of How to Install Joomla Extension

View Detail Documentation

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

JA SlideShow Module
JA Content Slider Module
JA Twitter Module
JA Bulletin Module
JA Facebook Like Box Module
JA Tabs plugin
JA Popup plugin
JA System Social plugin
JA System T3 plugin
JA System Nrain plugin (Available to JAEC and JA Developer members only)
JA Comment plugin (Available to JAEC and JA Developer members only)
JA jacommentoff plugin (Available to JAEC and JA Developer members only)
JA jacommenton plugin (Available to JAEC and JA Developer members only)
JA Comment component (Available to JAEC and JA Developer members only)

Important: 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.

1. JA SlideShow Module

Code:

Module Position: slideshow
Module Suffix: NOT USED

Back-end Settings for Slideshow Module as in demo

Note: As you can see in the image below, the slideshow's source is set to From Articles and articles are retrieved from the Slideshow category.

Dimensions of the Slideshow images should be 964x354 pixels.

Front-end appearance

2. JA Content Slider Module:

There are 2 content slider modules used on the Demo site: Popular places and Popular hotels

2.1. Popular places:

Code:

Module Position: ja_tabs
Module Suffix: NOT USED

Back-end settings

Front-end Appearance:

2.2. Popular hotels:

Code:

Module Position: ja_tabs
Module Suffix: NOT USED

Back-end settings

Front-end Appearance:

3. JA Twitter Module:

On the Demo site, this module is named: Twitter Feed

Code:

Module Position: right
Module Suffix: NOT USED

Back-end settings

Front-end Appearance:

4. JA Bulletin Module:

On the Demo site, this module is named: Latest News

Code:

Module Position: right
Module Suffix: NOT USED

Back-end settings

Front-end Appearance:

5. JA Facebook Like Box Module:

Code:

Module Position: left
Module Suffix: NOT USED

Back-end settings

Front-end Appearance:

6. JA Tabs Plugin:

Back-end Settings of JA Tabs Plugin in Demo.

There are 2 Tabs modules used on the Demo site: Content bottom and Prepare for the traveling. Besides, we also have Typography page used tabs.

6.1 Content bottom:

Code:

Module Position: content-bottom
Module Suffix: _tabs

Back-end settings

Front-end Appearance:

6.2 Prepare for the traveling:

Code:

Module Position: left-mass-top
Module Suffix: _tabs

Back-end settings

Front-end Appearance:

6.3 Typography:

Here is the way to create Typography page like Demo site:

Step 1: Create the Typography category.

Navigate to Content >> Category Manager, create a category named Typography (or your category) under Demo section.

Step 2: Create content

Create some articles in Typography category to display in the front-end of your site.

Step 3: Add jatabs into main article: JA Travel's Typography

Add jatabs with code format:

Code:

{jatabs type="articles" ids="104, 105, 106, 107" ajax=true  view="introtext" position="left" widthTabs=223 width=880 animType="animMoveVir" pre=true}{/jatabs}

Step 4: Create menu to main article "JA Travel's Typography"

Now, see how it works on our demo site:

7. JA Popup plugin:

Back-end settings

8. JA System Social plugin:

Back-end settings

9. JA Comment Component and JA Comment Plugin:

JA Comment Component can be easily integrated into the articles and allows anyone to participate and leave their opinions in your website. Make sure that you install comment component and plugin first.

To manage comment, select Components >> ja-comment

We have wiki for JA Comment component for more information and how to use JA Comment

JA System Comment plugin is included to work with JA Comment component, so it must be enabled and configure Back-end Settings for it.

Front-end Appearance

9.1. JA jacommenton plugin

This plugin is used to enable comment form on a specific article.

Latest post

Discover these 10 stunning Joomla templates and be amazed!

Maximize Your Joomla website with JoomlArt's 5 Top Clubs

Joomla vs. WordPress: Which CMS is Right for You?

Top 9 Must-Have Joomla Extensions for Your Website

Meet #AIChatbot: Personalized & 24/7 Joomlart Support!

System requirement

Joomla 3 System requirement

Software

Databases

Web Severs

Joomla 2.5+ system requirement

Software

Web Sever

Browser requirement

Development Environment

Windows

Linux

Mac OS

Download Template and Extensions

1. Get to Know Your Template:

2. Download Template and Extensions:

Plan your website Development:

Installing Template

1. Installing Template on your Joomla:

2. Template Configuration:

3. Installing T3 Framework 2 Plugin (T3 system plugin):

Installing Extensions

1. Installing complimentary / included extensions and Demo configurations:

Know your Module Positions:

Installing and Configuring Included Extensions:

Included Extension Configuration

1. JA SlideShow Module

2. JA Content Slider Module:

2.1. Popular places:

2.2. Popular hotels:

3. JA Twitter Module:

4. JA Bulletin Module:

5. JA Facebook Like Box Module:

6. JA Tabs Plugin:

6.1 Content bottom:

6.2 Prepare for the traveling:

6.3 Typography:

Step 4: Create menu to main article "JA Travel's Typography"

7. JA Popup plugin:

8. JA System Social plugin:

9. JA Comment Component and JA Comment Plugin:

9.1. JA jacommenton plugin

9.2. JA jacommentoff plugin

10. JA nrain Plugin:

Custom HTML Modules

1. Welcome to JA Travel

2. Country of the day

3. Contact form layout

4. Hotels

5. Flights

6. Events

7. Quote

8. Contact Information

9. Information block

10. Choose the destination

11. Popular Destinations

12. Share this website

13. Travel photos

14. Hotels

15. Flights

16. About us

17. Newsletter

18. Destinations

19. Photos

20. Guides

21. Blogs

22. User 1 _hrblack

23. User 2 _hrblue

24. User 3 _hrbrown

25. User 4 _hrgreen

26. User 5 _hrred

27. User 6

28. User 7 _border

29. User 8 _shadow