JA Teline IV

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 Site? - If you are planning to make a new site, 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 existing live-site, you should follow How to make your site look like demo site guide first to know about the steps involved. Then you can follow the userguide below.

The user guide covers the following aspects:

  • Installing Template on your Joomla
  • Installing T3 Framework 2 Plugin
  • Installing complimentary / included extensions.
  • Custom HTML Modules.
  • Mega Menu configs
  • K2 Configuration

System requirement

JA Telinve IV 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

3. Install Template and Extensions

  • Install the template that you download in your Joomla 2.5 system.
  • JA Teline IV template will be installed with Settings used on the demo website, so you can postpone the configuration until you complete the setup (install other modules / plugins used on the demo website).

If you are new to Joomla installation procedure, please check the following documentation.

View Detail Documentation

Template Configuration:

JA Teline IV template will be installed with Settings used on the demo website, so you can postpone the configuration until you complete the setup (install other modules / plugins used on 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 T3 V2 Back-end Config Guide for options on how to customize your installed template.

Note:

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

Links to resources on T3 V2 Framework templates and advanced configurations:

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

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

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

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

Install Extensions

Installing complimentary / included extensions

  • Free Extensions : (aka complimentary / included extensions). We use many extensions on 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.
  • 3rd Party Extensions : This template uses JA Comment Component (with its plugins) that is also used for JA Zite Joomla J17. You will need to download JA Comment package, it is available to Developer members and JAEC members only.

Know your Module Positions:

List of modules / plugins used in JA Teline IV Template Demo:

  • JA Bulletin Module
  • JA News Featured Module
  • JA News Pro Module
  • JA News Ticker Module
  • JA Twitter Module
  • JA Like BoxModule
  • JA Thumbnail Plugin
  • JA Tabs Plugin
  • JA Popup Plugin
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.

Extensions Configuration

1. JA Bulletin Module

1.1 Latest News

Module Position : ja-tabs1
Module Suffix : NOT USED

1.2 Most Read 

Module Position : ja-tabs1
Module Suffix : NOT USED

1.3 World24h 

Module Position : content-mass-bot
Module Suffix : _world

1.4 Latest News

Module Position : mega
Module Suffix : _mega

1.5 Life and Style News

Module Position : mega5
Module Suffix : _mega

1.6 Artist News

Module Position : mega5
Module Suffix : _mega

1.7 World News

Module Position : mega5
Module Suffix : _mega

1.8 Technology News

Module Position : mega5
Module Suffix : _mega

1.9 Health News

Module Position : mega5
Module Suffix : _mega

1.10 Travel News

Module Position : mega5
Module Suffix : _mega

1.11 Sport News

Module Position : mega5
Module Suffix : _mega

1.12 Entertainment News

Module Position : mega5
Module Suffix : _mega

2. JA News Featured Module

2.1 Featured news 

Module Position : right1
Module Suffix : NOT USED

2.2 Most Popular 

Module Position : right1
Module Suffix : NOT USED

2.3 JA News Featured 

Module Position : sl1-l
Module Suffix : -newsfp

3. JA News Pro Module

3.1 JA News - Default Layout

Module Position : ja-news-1
Module Suffix : _world

3.2 JA News - Linear Layout

Module Position : ja-news-2
Module Suffix : NOT USED

3.3 JA News - Pulse Layout

Module Position : ja-news-3
Module Suffix : NOT USED

3.4 JA News - Mobile

Module Position : ja-news-mobile
Module Suffix : NOT USED

4. JA News sticker Module

Module Position : headlines
Module Suffix : NOT USED

5. JA Twitter Module

Module Position : mega
Module Suffix : NOT USED

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

View Detail Documentation

6. JA Thumbnail plugin

Note: JA Thumbnail plugin plays important part in the image size seen on the frontpage... leading article and so on

We recommend to use it with default settings only.. as these would be the best possible settings for Teline IV

7. JA Tabs plugin

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

View Detail Documentation

8. JA Popup plugin

9. JA Comment Extension

9.1 JA Comment Plugin

9.2 JA Latest Comment Module

Module Position : mega
Module suffix : NOT USED

9.3 JA Comment On Plugin

This plugin is to enable comment form in specific articles. To use this plugin, after you install and enable it, open the article (in back-end) you want to enable the plugin then clickon the JAComment On button or input the tag:{jacomment on} in the content field of the article.

9.4 JA Comment Off Plugin

This plugin is to disable comment form in specific articles. To use this plugin, after you install and enable it, open the article (in back-end) you want to enable the plugin then click on the JAComment Off button or input the tag: {jacomment off} in the content field of the article.

10. JA Facebook Social - Like Box

11. Search Module

12. Footer Module

13. Top Module

Custom HTML Modules

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 to get a display like on demo.

1. Events of Year

Module Position : col-mass-bot
Module Suffix : NOT USED

<div class="ja-typo-event-day event-day-blue clearfix">
<div class="box-left-wrap">
<div class="box-left"><span class="date">01</span> <span class="month-year">Dec - 2010</span></div>
</div>
<div class="box-right"><strong>JA Teline IV release :)</strong> <span class="description">Lorem ipsum dolor sit amet consectetuer...</span> <a class="readon" href="#" title="Read more">Read more »</a></div>
</div>
<div class="ja-typo-event-day event-day-pink clearfix">
<div class="box-left-wrap">
<div class="box-left"><span class="date">25</span> <span class="month-year">Dec - 2010</span></div>
</div>
<div class="box-right"><strong>Happy new year</strong> <span class="description">Lorem ipsum dolor sit amet consectetuer...</span> <a class="readon" href="#" title="Read more">Read more »</a></div>
</div>

2. Col mass bot

Module Position : col-mass-bot
Module Suffix : NOT USED

<div class="advs-title"><span>Advertisement</span></div>
<div style="text-align: center; padding: 5px 0;"><a href="#" title="Advertisement"><img src="/images/stories/demo/adv.jpg" border="0" alt="IPhone 4" /></a></div>

3. Banner_2(300x250)

Module Position : col-mass-top
Module Suffix : NOT USED

<div class="advs-title"><span>Advertisement</span></div>
<div style="text-align: center; padding: 5px 0;"><a href="#" title="Advertisement"><img src="/images/stories/demo/other/adv-300x250.jpg" border="0" alt="Fashion" /></a></div>

4. Hot video

Module Position : col-mass-top
Module Suffix : NOT USED

<p>
<object width="310" height="199" data="http://www.youtube.com/v/NnD2n_NBGMg?fs=1&amp;hl=en_US&amp;autoplay=0&amp;showinfo=0&amp;rel=0" type="application/x-shockwave-flash">
<param name="movie" value="http://www.youtube.com/v/NnD2n_NBGMg?fs=1&amp;hl=en_US&amp;autoplay=1&amp;showinfo=0&amp;rel=0" />
<param name="wmode" value="transparent" />
</object>
</p>

5. JA Tabs

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

<p>{jatabs type="modules" animType="animNone" style="teline_iv" position="top" widthTabs="auto" heightTabs="auto" width="auto" height="auto" mouseType="click" duration="1000" colors="10" module="ja-tabs1" }{/jatabs}</p>

6. What do you think JA Teline IV?

Module Position : content-mass-bot 
Module Suffix : NOT USED

<div style="text-align: center; margin: -8px -8px 10px; padding-top: 10px; border-top: 5px solid &#91;URL=http://www.joomlart.com/forums/usertag.php?do=list&action=hash&hash=000&#93;#000&#91;/URL&#93;"><img src="/images/stories/demo/other/module-title.gif" border="0" alt="Module title" /></div>
<div class="ja-typo-bubble-small">
<div class="bubble-small-inner clearfix"><span class="post-time">Post time: 3 days ago</span> <span class="avatar"><img src="/images/stories/demo/other/wrose.jpg" border="0" alt="Wrose" /></span> I am Teline IV. For some of you, I am not so beautiful...But I am usable, flexible and help you get the work done...</div>
<span class="author"><strong>Author: </strong>W.rose - <a href="#" title="Facebook">Facebook</a> - <a href="#" title="Twitter">Twitter</a></span></div>
<div class="ja-typo-bubble-small">
<div class="bubble-small-inner clearfix"><span class="post-time">Post time: 3 days ago</span> <span class="avatar"><img src="/images/stories/demo/other/hungdinh.jpg" border="0" alt="Hung Dinh" /></span> Unlimited module positions, layout variation, comment system, CCK K2 enable, ... What's else do you want?</div>
<span class="author"><strong>Author: </strong>Hung Dinh - <a href="#" title="Facebook">Facebook</a> - <a href="#" title="Twitter">Twitter</a></span></div>

7. JA Tabs 2

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

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

8. Header-Ads

Module Position : header-r
Module Suffix : -ads

<p><a href="http://www.joomlart.com/joomla/templates/ja-teline-iv" target="_blank" title="Ja Teline IV"><img src="/images/stories/demo/other/ads-468x60.png" border="0" alt="slot" title="slot" align="right" /></a></p>

9. Bookmark pages

Module Position : ja-tabs2
Module Suffix : NOT USED

<ul class="bookmark-links">
<li>{japopup type="iframe" content="http://www.joomlart.com" width="1024" height="600"}Joomla Templates Club - Professional - High quality Joomla template{/japopup}</li>
<li>{japopup type="iframe" content="http://www.magentocommerce.com" width="1024" height="600"}Magento - Home  - eCommerce Software for Growth{/japopup}</li>
<li>{japopup type="iframe" content="http://www.joomlancers.com" width="1024" height="600"}JoomLancers - Freelance Marketplace for Opensource Development{/japopup}</li>
</ul>

10. Photo Gallery

Module Position : ja-tabs2
Module Suffix : NOT USED

<div class="ja-video-thumb">{japopup type="image" content="images/stories/demo/gallery/gl-1.jpg" width="700" height="380" title="Sample image" }<img src="/images/stories/demo/gallery/gl-1.jpg" border="0" alt="Sample image" width="100" />{/japopup}  {japopup type="image" content="images/stories/demo/gallery/gl-2.jpg" width="700" height="380" title="Sample image" }<img src="/images/stories/demo/gallery/gl-2.jpg" border="0" alt="Sample image" width="100" />{/japopup}  {japopup type="image" content="images/stories/demo/gallery/gl-3.jpg" width="700" height="380" title="Sample image"}<img src="/images/stories/demo/gallery/gl-3.jpg" border="0" alt="Sample image" width="100" />{/japopup}  {japopup type="image" content="images/stories/demo/gallery/gl-4.jpg" width="700" height="380" title="Sample image" }<img src="/images/stories/demo/gallery/gl-4.jpg" border="0" alt="Sample image" width="100" />{/japopup}  {japopup type="image" content="images/stories/demo/gallery/gl-5.jpg" width="700" height="380" title="Sample image"}<img src="/images/stories/demo/gallery/gl-5.jpg" border="0" alt="Sample image" width="100" />{/japopup}  {japopup type="image" content="images/stories/demo/gallery/gl-6.jpg" width="700" height="380" title="Sample image"}<img src="/images/stories/demo/gallery/gl-6.jpg" border="0" alt="Sample image" width="100" />{/japopup}</div>

11. Newsletter

Module Position : mega
Module Suffix : NOT USED

<div class="subscribe-wrap clearfix">
<div class="inner">
<h3>Get Subscribe now</h3>
<div class="register-form"><input class="inputtext" type="text" /> <input class="button" type="submit" value="Subscribe" /></div>
<small>Eros et justo enim interdum sollicitudin tellus id ut.</small> 
<ul class="ja-social-list clearfix">
<li class="icon1 first"><a href="#" title="icon1"><span>icon1</span></a></li>
<li class="icon2"><a href="#" title="icon2"><span>icon2</span></a></li>
<li class="icon3"><a href="#" title="icon3"><span>icon3</span></a></li>
<li class="icon4"><a href="#" title="icon4"><span>icon4</span></a></li>
<li class="icon5"><a href="#" title="icon5"><span>icon5</span></a></li>
<li class="icon6"><a href="#" title="icon6"><span>icon6</span></a></li>
<li class="icon7 last"><a href="#" title="icon7"><span>icon7</span></a></li>
</ul>
</div>
</div>

12. Social Network

Module Position : mega
Module Suffix : NOT USED

<ul class="social-network">
<li><a href="#"><img src="/images/stories/demo/icons/rss.png" border="0" alt="RSS" /></a></li>
<li><a href="#"><img src="/images/stories/demo/icons/facebook.png" border="0" alt="RSS" /></a></li>
<li><a href="#"><img src="/images/stories/demo/icons/twitter.png" border="0" alt="Twitter" /></a></li>
<li><a href="#"><img src="/images/stories/demo/icons/linkedin.png" border="0" alt="Linkedin" /></a></li>
<li><a href="#"><img src="/images/stories/demo/icons/blogger.png" border="0" alt="Blogger" /></a></li>
<li><a href="#"><img src="/images/stories/demo/icons/flickr.png" border="0" alt="Flicker" /></a></li>
<li><a href="#"><img src="/images/stories/demo/icons/lastfm.png" border="0" alt="Lastfm" /></a></li>
</ul>

13. Adv-mega

Module Position : mega-adv1
Module Suffix : NOT USED

<div class="advs-title"><span>Advertisement</span></div>
<div style="margin-left: -5px;"><img src="/images/stories/demo/other/adv-mega.jpg" border="0" alt="Harry potter" /></div>

14. Technology Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/your_life_in_the_cloud.jpg" border="0" alt="Your Life in the Cloud" />
<h2><a href="#" title="Sample link">Your Life in the Cloud</a></h2>
<p>Lorem ipsum dolor sit amet consectetuer laoreet et nec porta interdum. Dictum habitant odio Lorem Aliquam senectus porttitor orci adipiscing augue ac ....</p>
</div>
</div>

15. Health Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/health_awareness.jpg" border="0" alt="Health Awareness: Gynecological Cancer" />
<h2><a href="#" title="Sample link">Health Awareness: Gynecological Cancer</a></h2>
<p>While cervical and ovarian cancers are...</p>
</div>
</div>

16. Sport Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/liverpool.jpg" border="0" alt="Liverpool   3 - 0   Aston Villa" />
<h2><a href="#" title="Sample link">Liverpool   3 - 0   Aston Villa </a></h2>
<p>Houllier received a warm welcome from Liverpool's supporters on...</p>
</div>
</div>

17. Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/julian-assange.jpg" border="0" alt="Julian Assange" />
<h2><a href="#" title="Sample link">WikiLeaks Founder on the Run, Chased by Turmoil</a></h2>
<p>Lorem ipsum dolor sit amet consectetuer laoreet et nec porta interdum. Dictum habitant odio Lorem Aliquam senectus porttitor orci adipiscing augue ac ...</p>
</div>
</div>

18. Life and Style Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/ipad_only_magazine.jpg" border="0" alt="Want an iPad-Only Magazine from Richard Branson?" />
<h2><a href="#" title="Sample link">Want an iPad-Only Magazine from Richard Branson?</a></h2>
<p>Sir Richard Branson and Virgin dive headfirst into new media with...</p>
</div>
</div>

19. Artist Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/rapunzel.jpg" border="0" alt="Julian Assange" />
<h2><a href="#" title="Sample link">Rapunzel - Brothers Grimm</a></h2>
<p>There were once a man and a woman who had long...</p>
</div>
</div>

20. Travel Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/halong_bay.jpg" border="0" alt="Halong bay Vietnam" />
<h2><a href="#" title="Sample link">Halong bay Vietnam</a></h2>
<p>Ha Long Bay  is undoubtedly Asia’s most enchanting destination...</p>
</div>
</div>

21. Entertainment Featured news

Module Position : mega6
Module Suffix : NOT USED

<div class="ja-typo-feature-news clearfix">
<div class="inner"><img src="/images/stories/demo/other/prince_harry.jpg" border="0" alt="Prince Harry to be honored at German charity gala" />
<h2><a href="#" title="Sample link">Prince Harry to be honored at German charity gala</a></h2>
<p>LONDON – Britain's Prince Harry will be....</p>
</div>
</div>

22. Subscribe

Module Position : sl1-r
Module Suffix : NOT USED

<div style="text-align: center; margin-bottom: -8px;"><img src="/images/stories/demo/site-launch.jpg" border="0" alt="Site Launch" /></div>
  • Front-end Appearance

23. Entertainment

Module Position : user10
Module Suffix : NOT USED

<div class="class-box-wrap1 class-box-style6">
<div class="class-box-wrap2">
<div class="class-box">
<div class="class-box-inner">
<div class="title">
<h3>Entertainment »</h3>
</div>
<div class="image"><img src="/images/stories/demo/other/movie.jpg" border="0" alt="Avatar" /></div>
<span>JA Teline V comming soon :))</span></div>
</div>
</div>
</div>

24. JoomlArt's Site Map

Module Position : user11
Module Suffix : NOT USED

<div id="ja-sitemap" class="sitemap-row cols-4 clearfix">
<div class="item column1">
<div class="item-inner clearfix">
<h4><span>Joomla!</span></h4>
<ul>
<li><a class="sm-item sm-info" href="http://www.joomlart.com/joomla/templates-club" title="Joomla Template Club Info">Club Info</a></li>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/joomla/templates/showcase" title="Joomla Template Showcase">Showcase</a></li>
<li><a class="sm-item sm-demo" href="http://www.joomlart.com/demo/#joomla" target="_blank" title="Joomla Templates Demo">Demo</a></li>
<li><a class="sm-downloads" href="http://www.joomlart.com/forums/downloads.php" title="Download Area">Downloads</a></li>
</ul>
<h4><span>J! Extension</span></h4>
<ul>
<li><a class="sm-item sm-info" href="http://www.joomlart.com/joomla/extensions-club" title="Club Info">Club Info</a></li>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/joomla/extensions-club#featured_extensions" title="Joomla Extensions">Extensions</a></li>
<li><a class="sm-item sm-showcase" href="http://demo.joomlart.com/extensions15" target="_blank" title="Joomla Extensions">Demo</a></li>
</ul>
</div>
</div>
<div class="item column2">
<div class="item-inner clearfix">
<h4><span>Drupal</span></h4>
<ul>
<li><a class="sm-item sm-info" href="http://www.joomlart.com/drupal/themes-club" title="Club Info">Club Info</a></li>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/drupal/themes/showcase" title="Drupal Theme Showcase">Showcase</a></li>
<li><a class="sm-item sm-demo" href="http://www.joomlart.com/demo/#drupal" title="Demo">Demo</a></li>
<li><a class="sm-downloads" href="http://www.joomlart.com/forums/downloads.php" title="Downloads">Downloads</a></li>
</ul>
<h4><span>J! Enterprise</span></h4>
<ul>
<li><a class="sm-item sm-info" href="http://jobboard.joomlart.com" target="_blank" title="JobBoard Extension for Joomla">JA JobBoard</a></li>
<li><a class="sm-item sm-showcase" href="http://javoice.joomlart.com" target="_blank" title="JA Voice Extension for Joomla!">JA Voice</a></li>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/forums/forumdisplay.php?156-JA-Joomla-Enterprise-Extensions-amp-Solutions" target="_blank" title="Forums for Enterprise Extensions">Forums</a></li>
</ul>
</div>
</div>
<div class="item column3">
<div class="item-inner clearfix">
<h4><span>Magento</span></h4>
<ul>
<li><a class="sm-item sm-info" href="http://www.joomlart.com/magento/themes-club" title="Club Info">Club Info</a></li>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/magento/themes/showcase" title="Showcase">Showcase</a></li>
<li><a class="sm-item sm-demo" href="http://www.joomlart.com/demo/#magento" title="Demo">Demo</a></li>
<li><a class="sm-downloads" href="http://www.joomlart.com/forums/downloads.php" title="Downloads">Downloads</a></li>
</ul>
<h4><span>T3 Framework</span></h4>
<ul>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/joomla/t3-framework-and-ja-purity-templates" target="_blank" title="T3 Framework Info">Info</a></li>
<li><a class="sm-item sm-info" href="http://www.joomlart.com/demo/#templates.joomlart.com/ja_purity_ii" target="_blank" title="JA Purity II and T3 Framework">Demo</a></li>
<li><a class="sm-item sm-showcase" href="http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview" target="_blank" title="T3 Framework Documentation">Documentation</a></li>
</ul>
</div>
</div>
<div class="item column4">
<div class="item-inner clearfix">
<h4><span>Resources</span></h4>
<ul>
<li><a class="sm-wiki" href="http://wiki.joomlart.com/wiki/Main_Page" target="_blank" title="JoomlArt Wiki">JA Wiki</a></li>
<li><a class="sm-item sm-showcase" href="http://update.joomlart.com" target="_blank" title="Product updates and Versions">Updates</a></li>
<li><a class="sm-item sm-docs" href="http://pm.joomlart.com" target="_blank" title="Submit Bugs">Bug Reports</a></li>
<li><a class="sm-wiki" href="#" title="promotions and Discounts">Promotions</a></li>
</ul>
<h4><span>Getting help?</span></h4>
<ul>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/member/contact.php" title="Contact Us">Contact Us</a></li>
<li><a class="sm-item sm-showcase" href="http://www.joomlart.com/forums" title="Ask in forum">Ask in forum</a></li>
<li><a class="sm-item sm-showcase" href="http://support.joomlart.com/index.php?_m=tickets&amp;_a=submit" title="Submit a ticket">Submit a ticket</a></li>
</ul>
</div>
</div>
</div>

25. Book reviews

Module Position : user12
Module Suffix : -default badge-pick

<h4><a href="#" title="HTML 5 for Web Designers - Book Review">HTML 5 for Web Designers</a></h4>
<p><img src="/images/stories/demo/other/book-review.png" border="0" alt="Book Review" title="Book Review" style="position: absolute; right: 12px; bottom: 0pt;" /></p>
<p style="padding-right: 110px;">HTML5 is the longest HTML specification ever written.</p>
<p style="padding-right: 110px;">In this brilliant and entertaining user’s guide, Jeremy Keith cuts to the chase, with crisp, clear, practical examples, and his patented twinkle and charm.</p>

26. Music

Module Position : user6
Module Suffix : NOT USED

<div class="class-box-wrap1 class-box-style1">
<div class="class-box-wrap2">
<div class="class-box">
<div class="class-box-inner">
<div class="title">
<h3>Music</h3>
</div>
<div class="image"><img src="/images/stories/demo/other/teline-1.jpg" border="0" alt="JA Teline IV" /></div>
<span>Grid-based Joomla! News portal approach</span></div>
</div>
</div>
</div>

27. Teline II

Module Position : user7
Module Suffix : NOT USED

<div class="class-box-wrap1 class-box-style2">
<div class="class-box-wrap2">
<div class="class-box">
<div class="class-box-inner">
<div class="title">
<h3>Health</h3>
</div>
<div class="image"><img src="/images/stories/demo/other/teline-2.jpg" border="0" alt="JA Teline IV" /></div>
<span>JA Teline ii - Real Magazine Portal</span></div>
</div>
</div>
</div>

28. Teline IV

Module Position : user9
Module Suffix : NOT USED

<div class="class-box-wrap1 class-box-style4">
<div class="class-box-wrap2">
<div class="class-box">
<div class="class-box-inner">
<div class="title">
<h3>Style & Fashion</h3>
</div>
<div class="image"><img src="/images/stories/demo/other/teline-4.jpg" border="0" alt="JA Teline IV" /></div>
<span>Things you must know about JA Teline IV</span></div>
</div>
</div>
</div>

29. Teline III

Module Position : user8
Module Suffix : NOT USED

<div class="class-box-wrap1 class-box-style3">
<div class="class-box-wrap2">
<div class="class-box">
<div class="class-box-inner">
<div class="title">
<h3>Education</h3>
</div>
<div class="image"><img src="/images/stories/demo/other/teline-3.jpg" border="0" alt="JA Teline IV" /></div>
<span>10 things you must know about JA Teline III</span></div>
</div>
</div>
</div>

K2 Component Configuration

K2 Installation

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

K2 Installation Documentation

2. Configuring K2 component

2.1 Global Configuration: Click on Parameter button

Back-end settings

2.2 Category Configuration

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

In JA Teline IV, there are 3 templates supporting K2: ja_teline_iv_blog, ja_teline_iv_interview and ja_teline_iv. The template ja_teline_iv_blog is specific for K2 blog page.

Blog category

Interview category

All categories

Sample Category 1

Note: other categories are inherited parameters from category: Sample Category I

3. Configurations for K2 Modules

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

Please refer to the official documentation on how to install and set up K2

3.1 K2 User Module 

Module Position :  right1
Module suffix : NOT USED

3.2 K2 Users Module 

Module Position : right1
Module suffix : NOT USED

3.3 K2 Blog Archive Module 

Module Position :  right1
Module suffix : NOT USED

Recommendation

The above userguide should help one in replicating the Demo site settings for the template and extension on their site.

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.

Support:

Please raise your support queries in the forum and make sure you follow the support guidelines. We spend more time on getting the information from users in case the support guidelines are not followed.