JA Rave

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 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 site, 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. 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

JA Rave 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. 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.

View Detail Documentation

Template Configuration:

JA Rave template will install 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:

T3 V2 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 as described in the same guide.

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 Rave Joomla 2.5. 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.

View Detail Documentation

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

  • JA Slideshow Module
  • JA Twitter Module
  • JA Popup Plugin
  • JA Tabs Plugin
  • T3 Framework Plugin
  • JA Extensions Manager Component
  • JA Janrain 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.

1. JA Slideshow Module

There are 2 Slide Show Modules displayed in JA Rave: JA Slideshow Module and Today Highlights. JA Slideshow Module's source is taken from Image Folder, while Today Highlights is rendered from Articles. This one is a bit tricky. Please read the following instructions carefully.

1.1 JA Slideshow Module

Make sure you install the module JA Slideshow first. To manage this module, select Extensions >> Module Manager, then click module named: JA Slideshow Module

Module Position : slideshow
Module Suffix : _slideshow

As you see in the image above, the slideshow's source is From Image Folder, Images are taken from the images/stories/slideshow/ folder. How to make slideshow run like our demo? Here after is the step-by-step instructions.

Step 1: Create slideshow image directory

Go to: Content/Media Manager/stories/, create the slideshow directory - and upload images for slideshow here.

Slideshow images should be in 596x298 pixels.

Step 2: Copy images folder link to Resource settings

Copy link images/stories/slideshow and go to Slideshow Module to paste this link into Image folder as below picture:

Step 3: Add description for each image

You can enter the description to each image with the code format:

[desc img="image_name.jpg"]Description goes here [/desc]

For RA Rave, paste the text below in description field:

<!-- <p>[desc img="banner1.jpg"]Keep going. Keep giving. Keep engaging.[/desc]
[desc img="banner2.jpg"]Vestibulum mauris ut sed laoreet[/desc]
[desc img="banner3.jpg"]Obama Departs For Czech Republic[/desc]
[desc img="banner4.jpg"]President Obama Speaks On Health Care In [/desc]
[desc img="banner5.jpg"]Vestibulum mauris ut sed laoreet[/desc]
[desc img="banner6.jpg"]Holds Forum On Workplace Flexibility[/desc]</p>

Now, see how it works on our demo site:

1.2 Today Highlights

This one is a bit tricky. Please read the following instructions carefully. It involves placing Custom HTML Code in the article to render the thumbnails and images.

Make sure you install the module JA Slideshow first. To manage this module, select Extensions >> Module Manager, then click module named: Today Highlights

Module Position : slideshow
Module Suffix : _highlight

As you see in the image above, the slideshow's source is From Articles, Articles are retrieved from the demo category whereas images are taken from the images/stories/slideshow/ folder. How to make slideshow run like our demo? Here after is the step-by-step instructions.

Step 1: Create the slideshow content category.

Navigate to Content >> Category Manager, create a category named slideshow under Demo section

Step 2: Create slideshow content

Create four articles in slideshow category

a. Component JA Rave:

Open Edit HTML Source window and paste the text below:

<!-- <p><img class="img right" src="/images/stories/demo/sam-3.jpg" border="0" alt="Sample Image" /> Obama used a Rose Garden appearance ? as he did in a similar speech  last week about extending unemployment benefits ? to cast Republicans as  an obstacle to common-sense campaign finance legislation. If you are going to use a passage of Lorem Ipsum, you need to be s.</p>
<hr id="system-readmore" />
<p>Republicans have long held that corporate campaign giving is a free-speech right that must be protected.</p>
<p>Obama used a Rose Garden appearance ? as he did in a similar speech last week about extending unemployment benefits ? to cast Republicans as an obstacle to common-sense campaign finance legislation.</p>
<p>"You would think that reducing corporate and even foreign influence over our elections would not be a partisan issue," Obama said. The bill, known as the DISCLOSE Act, would require the identities of corporate donors to be made known.</p>
<p>"But of course this is Washington in 2010," Obama said, focusing blame on Republicans.</p>
<p>With the midterm elections drawing closer, Obama is stepping up his criticism of congressional Republicans, a strategy intended to portray clear choices facing voters.</p>
<p>The decision to employ Obama as his party's campaigner in chief comes after congressional Democrats complained in closed-door meetings this month that Obama must do more to counter a Republican stonewall.</p>
<p>With the Democrats' control of Congress in jeopardy, Obama has heeded his party's concerns. He has used his weekly radio address and public appearances to brand Republicans as out of step with mainstream voters.</p>
<p>Republicans fired back in characteristic unison on Monday, arguing that with an ailing economy, the president's emphasis on campaign finance reform was misguided.</p>

b. Content JA Rave

<!-- <p><img class="img right" src="/images/stories/demo/sam-4.jpg" border="0" alt="Sample Image" />There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be s.</p>
<hr id="system-readmore" />
<p>Republicans have long held that corporate campaign giving is a free-speech right that must be protected.</p>
<p>Obama used a Rose Garden appearance ? as he did in a similar speech last week about extending unemployment benefits ? to cast Republicans as an obstacle to common-sense campaign finance legislation.</p>
<p>"You would think that reducing corporate and even foreign influence over our elections would not be a partisan issue," Obama said. The bill, known as the DISCLOSE Act, would require the identities of corporate donors to be made known.</p>
<p>"But of course this is Washington in 2010," Obama said, focusing blame on Republicans.</p>
<p>With the midterm elections drawing closer, Obama is stepping up his criticism of congressional Republicans, a strategy intended to portray clear choices facing voters.</p>
<p>The decision to employ Obama as his party's campaigner in chief comes after congressional Democrats complained in closed-door meetings this month that Obama must do more to counter a Republican stonewall.</p>
<p>With the Democrats' control of Congress in jeopardy, Obama has heeded his party's concerns. He has used his weekly radio address and public appearances to brand Republicans as out of step with mainstream voters.</p>

c. Layout JA Rave

<!-- <p><img class="img right" src="/images/stories/demo/sam-5.jpg" border="0" alt="Sample Image" />With the Democrats' control of Congress in jeopardy, Obama has heeded his party's concerns. He has used his weekly radio address and public appearances to brand Republicans as out of step with mainstream voters. If you are going to use a passage of Lorem Ipsum, you need to be s.</p>
<hr id="system-readmore" />
<p>Republicans have long held that corporate campaign giving is a free-speech right that must be protected.</p>
<p>Obama used a Rose Garden appearance ? as he did in a similar speech last week about extending unemployment benefits ? to cast Republicans as an obstacle to common-sense campaign finance legislation.</p>
<p>"You would think that reducing corporate and even foreign influence over our elections would not be a partisan issue," Obama said. The bill, known as the DISCLOSE Act, would require the identities of corporate donors to be made known.</p>
<p>"But of course this is Washington in 2010," Obama said, focusing blame on Republicans.</p>
<p>With the midterm elections drawing closer, Obama is stepping up his criticism of congressional Republicans, a strategy intended to portray clear choices facing voters.</p>
<p>The decision to employ Obama as his party's campaigner in chief comes after congressional Democrats complained in closed-door meetings this month that Obama must do more to counter a Republican stonewall.</p>
<p>With the Democrats' control of Congress in jeopardy, Obama has heeded his party's concerns. He has used his weekly radio address and public appearances to brand Republicans as out of step with mainstream voters.</p>
<p>Republicans fired back in characteristic unison on Monday, arguing that with an ailing economy, the president's emphasis on campaign finance reform was misguided.</p>

d. Say hello to JA Rave

<!-- <p><img class="img right" src="/images/stories/demo/sam-6.jpg" border="0" alt="Sample Image" />Republicans fired back in characteristic unison on Monday, arguing that with an ailing economy, the president's emphasis on campaign finance reform was misguided. If you are going to use a passage of Lorem Ipsum, you need to be s.</p>
<hr id="system-readmore" />
<p>Republicans have long held that corporate campaign giving is a free-speech right that must be protected.</p>
<p>Obama used a Rose Garden appearance ? as he did in a similar speech last week about extending unemployment benefits ? to cast Republicans as an obstacle to common-sense campaign finance legislation.</p>
<p>"You would think that reducing corporate and even foreign influence over our elections would not be a partisan issue," Obama said. The bill, known as the DISCLOSE Act, would require the identities of corporate donors to be made known.</p>
<p>"But of course this is Washington in 2010," Obama said, focusing blame on Republicans.</p>
<p>With the midterm elections drawing closer, Obama is stepping up his criticism of congressional Republicans, a strategy intended to portray clear choices facing voters.</p>
<p>The decision to employ Obama as his party's campaigner in chief comes after congressional Democrats complained in closed-door meetings this month that Obama must do more to counter a Republican stonewall.</p>
<p>With the Democrats' control of Congress in jeopardy, Obama has heeded his party's concerns. He has used his weekly radio address and public appearances to brand Republicans as out of step with mainstream voters.</p>
<p>Republicans fired back in characteristic unison on Monday, arguing that with an ailing economy, the president's emphasis on campaign finance reform was misguided.</p>

Now, see how it works on our demo site:

IMPORTANT:

Please note, we use JA Slideshow module in over 25+ templates with different back-end settings. It is not possible to optimize all the back-end options for each template. So if some of the back-end settings do not work in JA Rave, it's not a bug.

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

View Detail Documentation

2. JA Twitter Module

Make sure you install the module JA Twitter first. To manage this module, select Extensions >> Module Manager, then click module named: JA Twitter Module.

Module Position : right
Module Suffix : NOT USED

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

View Detail Documentation

3. JA Tabs Plugin

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

View Detail Documentation

4. JA Popup Plugin

5. JA Comment Component and JA System Comment Plugin

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

To manage comment, select Components >> ja-comment

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

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

View Detail Documentation

6. JA Commenton 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 click on the JAComment On button or input the tag:{jacomment on} in the content field of the article.

7. JA jacommentoff 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.

8. JA Nrain Plugin

JA Nrain plugin helps users to log in to your site by using their facebook, google, yahoo, twitter, ... account. This means they no longer have to register to your site.

In JA Rave 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:

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. About JA Rave

Module Position : right
Module Suffix : _noboder
<p><img class="img left" src="/images/stories/sam-11.gif" border="0" alt="Sample Images" /> 
Risus gravida adipiscing malesuada felis aliquam facilisis at eu id orci. Elit pretium urna cursus hendrerit feugiat.
<a class="about" href="#">Read more about us...</a></p>

2. Popular Post:

Module Position : ja-tabs
Module Suffix : NOT USED
<ul>
<li class="first"> <img class="img" src="/images/stories/sam-12.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Is Barack Obama the Ultimate? </a>
<p class="date">May 5, 2010</p>
</div>
</li>
<li><img class="img" src="/images/stories/sam-14.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Obama, Dems tee up potentially tough </a>
<p class="date">May 6, 2010</p>
</div>
</li>
<li><img class="img" src="/images/stories/sam-15.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Scelerisque Suspendisse vitae semper </a>p
<p class="date">May 12, 2010</p>
</div>
</li>
<li><img class="img" src="/images/stories/sam-13.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Handbook style guide </a>
<p class="date">May 20, 2010</p>
</div>
</li>
<li class="last"><img class="img" src="/images/stories/sam-10.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">The Obama Diaries </a>
<p class="date">May 5, 2010</p>
</div>
</li>
</ul>

3. Latest post

Module Position : ja-tabs
Module Suffix : NOT USED
<ul>
<li class="first"><img class="img" src="/images/stories/sam-10.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Is Barack Obama the Ultimate? </a>
<p class="date">May 5, 2010</p>
</div>
</li>
<li class="first"><img class="img" src="/images/stories/sam-14.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Mrs Obama to travel to Spain</a>
<p class="date">May 6, 2010</p>
</div>
</li>
<li><img class="img" src="/images/stories/sam-15.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Majority of Americans lack faith </a>
<p class="date">May 6, 2010</p>
</div>
</li>
<li><img class="img" src="/images/stories/sam-13.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">MBarack Obama on the Issues </a>
<p class="date">May 20, 2010</p>
</div>
</li>
<li class="last"><img class="img" src="/images/stories/sam-10.gif" border="0" alt="Images Obama" />
<div class="img-tabs"><a href="#" title="Sample link">Joomla! License Guidelines </a>
<p class="date">May 21, 2010</p>
</div>
</li>
</ul>

4. Photo Gallery

Module Position : right
Module Suffix : NOT USED
<p class="img-photo"><span class="highslide-img">
{japopup type="image" title="Images Obama" content="images/stories/highslide/slide1.jpg" width="594" height="386"}
<img src="/images/stories/highslide/thumb-1.jpg" border="0" alt="Images Obama" /> {/japopup}</span>
<span class="highslide-img">{japopup type="image" title="Images Obama" content="images/stories/highslide/slide2.jpg" width="594" height="386"}
<img src="/images/stories/highslide/thumb-2.jpg" border="0" alt="Images Obama" /> {/japopup}</span>
<span class="highslide-img">{japopup type="image" title="Images Obama" content="images/stories/highslide/slide3.jpg" width="594" height="386"}
<img src="/images/stories/highslide/thumb-3.jpg" border="0" alt="Images Obama" /> {/japopup}</span>
<span class="highslide-img">{japopup type="image" title="Images Obama" content="images/stories/highslide/slide4.jpg" width="594" height="386"}
<img src="/images/stories/highslide/thumb-4.jpg" border="0" alt="Images Obama" /> {/japopup}</span>
<span class="highslide-img">{japopup type="image" title="Images Obama" content="images/stories/highslide/slide5.jpg" width="594" height="386"}
<img src="/images/stories/highslide/thumb-5.jpg" border="0" alt="Images Obama" /> {/japopup}</span>
<span class="highslide-img">{japopup type="image" title="Images Obama" content="images/stories/highslide/slide6.jpg" width="594" height="386"}
<img src="/images/stories/highslide/thumb-6.jpg" border="0" alt="Images Obama" /> {/japopup}</span></p>

5. T3 framework

Module Position : user6
Module Suffix : NOT USED
<p>Lorem ipsum dolor sit amet, cum condimenum mattis dui fusce ut, 
el convallis suspendisse suspendisse sed in lementum ea sed cum condimenum ut.
El convallis suspendisse suspendisse sed in lementum ea sed cum.</p>

6. Preset Styles

Module Position : user7
Module Suffix : NOT USED
<p>Rhoncus sed. Lectus vitae augue, mauris tincidunt. Ut nec fermentum accumsan cum condimenum mattis dui fusce ut...</p>
<ul class="contentuser" style="width: 49%;">
<li><a href="#">Default</a></li>
<li><a href="#">Blue</a></li>
</ul>
<ul class="contentuser" style="width: 49%;">
<li><a href="#">Green</a></li>
<li><a href="#">Orange</a></li>
</ul>

7. Multi Menu

Module Position : user9
Module Suffix : NOT USED
<p>Elementum ea, nibh et, velit sed sagittis. Ipsum libero. Viverra integer enim, sed dolor. 
Inceptos elit cum condimenum mattis dui fusce ut...</p>
<ul class="contentuser" style="width: 50%;">
<li><a href="#">Split Menu</a></li>
<li><a href="#">Dropline Menu</a></li>
</ul>
<ul class="contentuser" style="width: 40%;">
<li><a href="#">CSS Menu</a></li>
<li><a href="#">Mega Menu</a></li>
</ul>

8. Contact us

Module Position : user10
Module Suffix : NOT USED
<p>Lorem vitae id orci nibh Nulla semper non pretium id elit  ipsum dolor.</p>
<ul style="margin-top: 15px;">
<li><strong>Tel: </strong> 84 456 980</li>
<li><strong>Email: </strong> [email protected]</li>
<li><strong>Web: </strong><a href="http://www.joomlart.com" target="_blank" title="JoomlArt.com">joomlart.com</a></li>
<li><strong>Web: </strong> <a href="http://www.joomlancers.com" target="_blank" title="Joomlancers">joomlancers.com</a></li>
</ul>

9. Sample Module

Module Position : mega3
Module Suffix : NOT USED
<p><img class="img left" src="/images/stories/sam-13.gif" border="0" alt="Images Obama" /> <strong>Obama</strong>
<span> Risus gravida adipiscing malesuada felis aliquam facilisis at eu id orci. Elit pretium urna cursus hendrerit feugiat.</span></p>

10. Footer Module

Module Position : footer
Module Suffix : NOT USED

11. Top Menu

Module Position : footnav
Module Suffix : NOT USED

12. Login module

Module Position : left
Module Suffix : NOT USED

13. Search module

Module Position : search
Module Suffix : NOT USED

14. Who's online module

Create new Menu module: Go to Administrator >> Module Manager >> Add new Menu Module

Module Position : left
Module Suffix : NOT USED

15. JA Tabs module

Module Position : right
Module Suffix : _tabs

16. Lastest news module

Create new Menu module: Go to Administrator >> Module Manager >> Add new Menu Module

Module Position : right
Module Suffix : NOT USED

17. Main menu module

Module Position : left
Module Suffix : _menu

18. Resources module

Module Position : left
Module Suffix :  NOT USED

19. User module

Module Position : left
Module Suffix : _menu

JA Rave 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 Rave 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 the future.

1. Installing and Configuring K2

1.1 Installing K2

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

K2 Installation Documentation

1.2 Configuring K2 component

a. Global Configuration: Click Parameter button on the right

Back-end Setting

b. Category Configuration

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

The Blog category uses ja_rave_blog template. This is the K2 Blog template supporting the template only. Other categories use ja_rave template.

Blog category -> This category use ja_rave_blog template

All categories category

Sample Category 1: Worpress category

Note: The other categories are inherited from category: Worpress

List item category

Sample Category 1: Obama in Hawai category

Note: The other categories are inherited from category: Obama in Hawai

2. Configurations for K2 Modules as on our Demo

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

2.1 K2 Users Module

Module Position :  right
Module suffix : NOT USED

2.2 K2 Comment Module

Module Position :  right
Module suffix : NOT USED

2.3 K2 User Module

Module position : right
Module Suffix : NOT USED

2.4 K2 Content Module

Module position : right
Module Suffix : NOT USED

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.