Template User-Guides (90)

Please note that we've created the new documentation site. So, if you can't find the userguide of item you want here, please check their userguides at HERE.

September.05.2013

SJ Snap Template User Guide

Written by

Posted in Template User-Guides

Notes
1. Download
2. Template
3. Core Plugins
4. Other Extensions
- Install
- Configuration

The guide will help you install SJ Snap and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes

1. Download Template and Extensions
2. SJ Snap Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Compatible with Joomla! 2.5.x Or Joomla! 3.x
Compatible Listbingo version 2.0.2 (free version) Or Listbingo version 3.0 (Commercial vesion).
Installation Packages include:
- Quickstart Package
- Template package only
- Extensions package from our store
- Extensions packge from 3rd Parties (if have)

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Snap to download

STEP 4: Under SJ Snap --> Download packages as you want

1.2 Download 3rd Party Extensions

This template supports Listbingo 2.0.2 or higher version.

In our demo, we used Listbingo 2.0.2. This component is only included in the Quickstart package, if you want to install theme and extensions separately, you need to download them:

Listbingo 2.0.2 ( free version), you need to login before downloading: Click here
Listbingo 3.0 version (Commercial): Click here

2. SJ Snap -Installation and Configuration

There are two ways to install a Joomla Template:

Install quickstart: By using this package, you will set the template exactly as our Demo with sample data. Please note that you must buy Listbingo 3.0 version Component (Commercial component)when you install the quickstart package for Joomla 3.x version.
Install Template and Extensions: This is applied when you have already installed a Joomla instance on your server. You will need only be using the zipped files in "Extensions" and "Template" folders mentioned above.

2.1 Install with Quickstart Package and Listbingo 3.0 version Component

2.1.1 Install with Quickstart Package

Step 1 Upload folder quickstart:

If you are using SSH, simply upload your zip file (via FTP) and then 'unzip' the file. If you are using FTP, unzip the file on your computer and then upload those files as bellow. Though some webhosts have a different structure, in MOST cases, the folder that is used for uploading will be called "public_html." This will take a while to upload all those files and folders. Please keep your patience.

Step 2 Start installation procedure:

After uploading is completed, open the browser and type your URL in the address bar. The first screen will appear as follow

Main Configuration:

Select Language and Enter the required information of your site: sitename, email, admin username and password

Step 3 Database Configuration: You will need to fill-up database name, username and password in here.

Step 4: Install Sample Data

If you install sample data, you will have a site like our demo. If you select default sample data, you will get a fresh Joomla site.

Step 5: Remove Installation folder:

2.1.2 Install with Listbingo 3.0 version Component

Step 1 After installing the quickstart package, In the Administrator page, please go to Extensions >> Extension Manager >> Browse the component package that you have downloaded and installed.

Step 2 Precheck: Click the next button to process

Step 3 Prepare & Extract: Click the next button to process

Step 4 Installation - Packages: Click the next button to process

Step 5 Installation - Update Database: Click the next button to process

Step 6 Finalize & Finish: Please click "Install Sample Data for Listbingo", you will be got a new website as our demo.

2.2 Installation with Template Package

Log in your Administrator, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

Set SJ Snap as default template (go to Extension -> Template Manager):

After installing this template, please install Listbingo Component 2.0.2 or higher version

2.3 Configuration

All of parameters of SJ Snap Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework Plugin, SJ Content Related News and Yt Shortcode. You can find all of them in sj_snap_extensions_j25_v1.0.0 package

Yt Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. For more info, please go here
While that, YT shortcodes supports users to make content for web pages. In Joomla administrator, Yt Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content.
Lastly, SJ Content Related News is used for showing other related articles in the same category. For more info, please go here

3.1 Installation

Now you install Yt Framework Plugin, SJ Content Related News, Yt Shortcode and SJ Responsive Listing Ajax for JoomShopping in turn
STEP 1: In Administrator on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

STEP 2: Now, go to Enable Yt Framework Plugin,Yt Shortcode, SJ Responsive Listing Ajax for JoomShopping and SJ Content Related News in Extension -> Plug-in Manager

3.2 Configuration of Yt Framework Plugin

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configure Yt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

3.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of Shortcodes that you can use to style content:

SHORTCODES

After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

3.4. SJ Content Related News

In Administrator of Joomla!, go to Plugin Manager -> Make sure SJ Content Related News is enabled. This is SJ Content Related News configuration bellow:

SJ Content Related News

4. Install with Extensions package - Configuration

After creating data, you can install and configure extensions to have a Website as like as our pre-made demo.

4.1 Install

4.1.1 List of extensions used in SJ Snap demo

You can find a list of modules/plugins/components which are used in SJ Snap by clicking menu Explore -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Snap template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.2 Mega Menu - ListBingo

Menu Item Type

Menu Item Type: com_listbingo

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.3 Custom HTLM

There are several positions that use Custom HTML module. There are: top2, bottom2, bottom3, bottom4, bottom5, bottom6, bottom7, bottom8, bottom9, bottom10

Here we will configure an example. Let take "Snap about" at position bottom2, others will be the same.

Module Position - Module Suffix

Position: bottom2
Suffix: clear

Frontend - Backend

FRONTEND -
BACK END

CUSTOM CODE: Top Menu

Overview of our services
 
 <a class="hover-effect" href="#">
 <img src="/images/demo/services-1.png" border="0" alt="alt" />

 <em class="icon-link"></em>

 </a>
 
<ul class="list-angle">

<li><a href="#">Development History</a></li>

<li><a href="#">Policy to customers</a></li>

<li><a href="#">Policy for suppliers</a></li>

<li><a href="#">The service you can get</a></li>

<li><a href="#">Askville</a></li>
 
</ul>

4.2.4 Listbingo Search

Note: Listbingo version 3.0 contains Listbingo Search Module when you install

Module Position - Module Suffix

Position: top1
Suffix: lbsearch

Frontend - Backend

FRONTEND - Listbingo Search
BACK END

4.2.5 Post Buy

Module Position - Module Suffix

Position: top2
Suffix: clear

Frontend - Backend

FRONTEND - Post Buy
BACK END

CUSTOM CODE: Post Buy

 <p><a class="bt-big" href="/component/listbingo/?view=post"> Post Buying Request </a></p> 

4.2.6 SJ Module Tabs Module

There are 2 positions that use SJ Module Tabs module.

Module Position - Module Suffix

1- Position/Suffix: maintop1/clear

2- Position/Suffix: right/clear

Frontend - Backend

FRONTEND - maintop1

BACKEND - Sj Tab - Maintop

FRONTEND - right

BACKEND - Sj Tab - Right

4.2.7 SJ Article Slider

Module Position - Module Suffix

Position: bottom1
Suffix: bgcontent1

Frontend - Backend

FRONTEND - Our Brands
BACK END

4.2.8 SJ Categories Slider for Listbingo

Module Position - Module Suffix

Position: bottom1
Suffix: clear

Frontend (demo layout above) - Backend

FRONTEND - Sj Categories Slider
BACK END

4.2.9 SJ News Extra Slider Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Backend

FRONTEND -Hot News
BACK END

4.2.10 SJ Facebook

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Backend

FRONTEND - Become a fan on Facebook
BACK END

4.2.11. Listbingo Tag Cloud

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Backend

FRONTEND - Listbingo Tags
BACK END

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation service.

August.20.2013

SJ Sport Store Template User Guide

Written by Sarah

Posted in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Sport Store and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Sport Store Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla! 2.5, Joomla 3.x
Content component (customized and included in Quickstart)
Some premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Sport Store to download

STEP 4: Under SJ Sport Store --> Download packages as you want

1.2 Download 3rd Party Extensions

This is the list of 3rd party extensions which are used in this template:

JoomShopping 4.33: Download here
Jshopping Bestseller Products - Module Bestseller 4.0.1: Download here
Jshopping Cart - Module Cart 4.0.1: Download here
Jshopping Category - Module Category 4.0.1: Download here

2. SJ Sport Store -Installation and Configuration

2.1 Installation

Log in your Administrator, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

Set SJ Sport Store as default template

After installing this template, please install JoomShopping Component 3.14.3.

2.2 Configuration

All of parameters of SJ Sport Store Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework Plugin, SJ Content Related News, Yt Shortcode, and SJ Responsive Listing Ajax for JoomShopping plugin. You can find all of them in sj_sport_store_extensions_j25_v1.0.0 package

Yt Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. For more info, please go here
While that, YT shortcodes supports users to make content for web pages. In Joomla administrator, Yt Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content.
SJ Responsive Listing Ajax is used for loading more product. This plugin is supported for SJ Responsive Listing for JoomShopping module that is in the home page.
Lastly, SJ Content Related News is used for showing other related articles in the same category. For more info, please go here

3.1 Installation

Now you install Yt Framework Plugin, SJ Content Related News, Yt Shortcode and SJ Responsive Listing Ajax for JoomShopping in turn
STEP 1: In Administrator on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

STEP 2: Now, go to Enable Yt Framework Plugin,Yt Shortcode, SJ Responsive Listing Ajax for JoomShopping and SJ Content Related News in Extension/Plug-in Manager

3.2 Configuration of Yt Framework Plugin

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configure Yt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

3.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of Shortcodes that you can use to style content:

SHORTCODES

After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

3.4. SJ Content Related News

In Administrator of Joomla!, go to Plugin Manager -> Make sure SJ Content Related News is enabled. This is SJ Content Related News configuration below:

SJ Content Related News

4. Other Extensions - Installation and Configuration

After creating data, you can install and configure extensions to have a Website as like as our pre-made demo.

4.1 Install

4.1.1 List of extensions used in SJ Sport Store demo

You can find a list of modules/plugins/components which are used in SJ Sport Store by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Sport Store template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Home

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - Top videos (1)

BACKEND - Latest News (2)

4.2.2 Mega Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.3 Custom HTLM

There are several positions that use Custom HTML module. Here we will configure an example. Let take "Top menu" at position top 1, others will be the same.

Module Position - Module Suffix

Position: top1
Suffix: blank

Frontend - Backend

FRONTEND - Top Menu
BACK END

CUSTOM CODE: Top Menu

                                                                        
<ul class="menu _menutop">
<li><a class="my_account" href="/component/jshopping/?controller=user&task=editaccount&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Account</a></li>
<li><a class="my_wishlist" href="/component/jshopping/?controller=wishlist&task=&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Wishlist</a></li>
</ul>

4.2.4 Smart Search Module

Module Position - Module Suffix

Position: top2
Suffix: Not used

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.5 Jshopping Cart

Module Position - Module Suffix

Position: top2
Suffix: Not used

Frontend - Backend

FRONTEND - Jshopping Cart
BACK END

4.2.6 SJ Dynamic Slideshow

Module Position - Module Suffix

Position: position 0
Suffix: dynamic-slideshow

Frontend - Backend

FRONTEND - SJ Dynamic Slideshow
BACK END

NOTE: Please go HERE to view more SJ Dynamic Slideshow User-guide

4.2.7 SJ Product for JoomShopping

Module Position - Module Suffix

Position: Position 5
Suffix: title4 latest-product

Frontend (demo layout above) - Backend

FRONTEND - New Product
BACK END

4.2.8 SJ News Fontpage

Module Position - Module Suffix

Position: Position 16
Suffix: title4-sj-fontpage

Frontend - Backend

FRONTEND - Featured Technology
BACK END

4.2.9 SJ Responsive Listing for JoomShopping

There are several positions that use SJ Responsive Listing for JoomShopping module. Here we will configure an example. Let take "Bike" at Position 15, others will be the same.

Module Position - Module Suffix

Position: Position 15
Suffix: blank responsive-listing

Frontend - Backend

FRONTEND - Bikes
BACK END

4.2.10 Banner Module

Module Position - Module Suffix

Position: Position 15
Suffix: banne-health blank

Frontend - Backend

FRONTEND - Banner
BACK END

4.2.11 SJ Slider

Module Position - Module Suffix

Position: Position 8
Suffix: blank sj-content-slider

Frontend (demo layout above) - Backend

FRONTEND - Slider
BACK END

4.2.12 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Get Help" at Position 11, others will be the same.

Module Position - Module Suffix

Position: Position 11
Suffix: _menufoot@book

Frontend - Backend

FRONTEND - Menu: Get Help
BACK END

4.2.13. Other Extensions

4.2.13.1. Jshopping Bestseller Products

Module Position - Module Suffix

Position: mega 6
Suffix: best-seller

Frontend - Backend

FRONTEND - Best Seller
BACK END

4.2.13.2. Jshopping Categories

Module Position - Module Suffix

Position: Position 7
Suffix: _menu

Frontend - Backend

FRONTEND - Categories
BACK END

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.

June.26.2014

SJ Teen Template Userguide

Written by SA Anh

Posted in Template User-Guides

Notes
1 Download
2 SJ Template
3 Core Plugins
4 Premium Extensions
- Install
- Configuration

The guide will help you install SJ Teen and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Teen Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla!, latest version is recommended.
K2 and Kunena Component, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Teen to download

STEP 4: Under SJ Teen -> Download packages as you want

2. SJ Teen -Installation and Configuration

2.1 Installation

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Teen as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Teen Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes and SJ Content Related News Plugin.
- Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

3.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

3.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4. Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions.

4.1 Install

4.1.1 List of extensions used in SJ Teen demo

You can find a list of modules/plugins/components which are used in SJ Teen by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Teen template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.2 Mega Menu - Joomla Pages

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Mega Menu - K2

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - News Daily

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 SJ K2 Splash Module

Module Position

Position: position-0

Frontend (demo layout above) - Back End

BACK END

4.2.6 Login Module

Module Position

Position: position-1

Frontend (demo layout above) - Back End

BACK END

4.2.7 Custom HTML Module

There are 4 positions: position 2, position 4 and position 10 that use HTML module. Here we will configure an example. Let take "Get Social" at position-2 position, others will be the same.

Module Position

Position: position-2

Frontend (demo layout above) - Back End

BACK END

4.2.8 Search Module

Module Position

Position: position-3

Frontend (demo layout above) - Back End

BACK END

4.2.9 Banner Module

There are several positions that use Banner module. Here we will configure an example. Let take "Banner" at position-4 (first) position on homepage, others will be the same.

Module Position

Position: position-4 (first)

Frontend (demo layout above) - Back End

BACK END

4.2.10 Sj Accordion Modules

Module Position

Position: position-4 (forth)

Frontend (demo layout above) - Back End

BACK END

4.2.11 SJ Social Media Counter

Module Position

Position: position-4

Frontend

BACK END

4.2.12 Sj K2 Scroller Module

Module Position

Position: position-h1

Frontend (demo layout above) - Back End

BACK END

4.2.13 K2 Content Module

Module Position

Position: position-h2

Frontend (demo layout above) - Back End

BACK END

4.2.14 Sj K2 Mega News Module

There are 5 positions: h3, h4, position 7, position 8 and position 9 that used K2 Mega News module. Here we will configure an example. Let take the top left one at position-h3 position, others will be the same.

Module Position

Position: position-h3

Frontend (demo layout above) - Back End

BACK END

4.2.15 Custom HTML Module

Module Position

Position: position-6

Frontend (demo layout above) - Back End

BACK END

4.2.16 Menu Module

There are 3 positions: position 4 (Shortcodes), position 11, position 12 that used Menu module. Here we will configure an example. Let take one menu at position-11, others will be the same.

Module Position

Position: position-11

Frontend (demo layout above) - Back End

BACK END

4.2.17 SJ Twitter Module

Module Position

Position: position-13

Frontend (demo layout above) - Back End

BACK END

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.

July.19.2013

SJ Financial Template Userguide

Written by Sarah

Posted in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Financial and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Finacial Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla!, latest version is recommended.
K2, Kunena Component, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Financial to download

STEP 4: Under SJ Financial -> Download packages as you want

2. SJ Financial -Installation and Configuration

2.1 Installation

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Financial as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Financial Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes and Yt Core.
- Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

3.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2: Now, go to Enable Yt Framework in Extension/Plug-in Manager

3.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4. Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions.

4.1 Install

4.1.1 List of extensions used in SJ Financial demo

You can find a list of modules/plugins/components which are used in SJ Financial by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Financial template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.2 Menu - Joomla Pages

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Menu - K2

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Companies

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Login Module

Module Position - Module Suffix

Position: topmenu
Suffix: blank

Frontend - Backend

FRONTEND - Login Form
BACK END

4.2.6 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Top Menu" at topmenu, others will be the same.

Module Position - Module Suffix

Position: topmenu
Suffix: blank

Frontend - Backend

FRONTEND - Top Menu
BACK END

4.2.7 Smart Search Module

Module Position - Module Suffix

Position: topmenu
Suffix: blank

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.8 Custom HTML Module

Module Position - Module Suffix

Position: topbanner
Suffix: blank

Frontend - Backend

FRONTEND - Top Banner
BACK END

<img class="icon pull-left" src="/images/demo/ad-2.png" border="0" style="margin-top: 8px;" />
<h1>Investor Relations</h1>

<img class="icon pull-left" src="/images/demo/ad-1.png" border="0" />
Buying a home is one of the most important decisions you'll make.

4.2.9 Custom HTML Module

Module Position - Module Suffix

Position: slideshow
Suffix: clear

Frontend - Backend

FRONTEND - WorldIndex
BACK END

<ul class="listinline smallFontSize worldIndex">
<li>CNOOC <a class="up" href="#">+0.14% </a></li>
<li>CCB <a class="down" href="#">-0.16%</a></li>
<li>CHINA MOBILE <a class="up" href="#">+0.12%</a></li>
<li>LENOVO GROUP <a class="down" href="#">-1.01%</a></li>
<li>HENGAN INT'L <a class="up" href="#">+0.50%</a></li>
<li>CHINA SHENHUA <a class="down" href="#">-1.11% </a></li>
</ul>


*Index is at least 15-minute delayed |<a class="linkIsland" href="#"> Disclaimer </a>

4.2.10 Custom HTML Module

Module Position - Module Suffix

Position: top1
Suffix: "bgcolor1"

Frontend - Backend

FRONTEND - CEO Bank1
BACK END

 
<img src="/images/demo/ceo-1.png" border="0" />
<h5>Bhamo-CEO Bank</h5>
Borem ipsum dolor sit amet nectuer

Note: The position "top2; top3; top4" configure the same.

4.2.11 SJ News Scroller Module

Module Position - Module Suffix

Position: top5
Suffix: clear

Frontend - Backend

FRONTEND - News Scroller
BACK END

4.2.12 Sj News Extra Slider Module

There are several positions that use SJ News Extra Slider module. Here we will configure an example. Let take "Top News" at top6, others will be the same.

Module Position - Module Suffix

Position: top6
Suffix: nox7 topNews

Frontend - Backend

FRONTEND - Top News
BACK END

4.2.13 Stock Data - Custom HTML Module

Module Position - Module Suffix

Position: top7
Suffix: blank

Frontend - Backend

FRONTEND - Stock Data
BACK END

4.2.14 SJ News Extraslider Module

Module Position - Module Suffix

Position: top8
Suffix: "clear"

Frontend - Backend

FRONTEND - SJ News Extraslider
BACK END

4.2.15 SJ Mega News Module

Module Position - Module Suffix

Position: mainbottom1
Suffix: clear

Frontend - Backend

FRONTEND - Companies
BACK END

4.2.16 SJ Module Tabs

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Backend

FRONTEND - Popular Articles
BACK END

4.2.17 SJ Video Box Module

Module Position - Module Suffix

Position: right
Suffix: box8

Frontend - Backend

FRONTEND - Top Video
BACK END

4.2.18 Custom HTML Module

Module Position - Module Suffix

Position: bottom1
Suffix: "boxSolid marginBottom60"

Frontend - Backend

FRONTEND - Dekar Company
BACK END

<img src="/images/demo/dekar-company.png" border="0" />
Coongten enim minim veniam, quis nostrud exercitation ullamco Hity laboris commodo evando diaago const event »


<h1 class="discount">40% Discount for Members</h1>

4.2.19 Custom HTML Module

Module Position - Module Suffix

Position: bottom2
Suffix: "@bar-chart"

Frontend - Backend

FRONTEND - Stock Information
BACK END

 
<h3 class="modtitle">Stock Information</h3>
Incidunt ut labore et dolore magnam aliquam quaerat voluptatem

Note: The position "bottom3; bottom4" configure the same.

4.2.20 Menu Module

Module Position - Module Suffix

Position: bottom5
Class Suffix: "clear titleinline "

Frontend - Backend

FRONTEND - Finance Worldwide
BACK END

4.2.21 Smart Search Module

Module Position - Module Suffix

Position: bottom6
Class Suffix: "clear"

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.22 SJ Gallery Pro Module

Module Position - Module Suffix

Position: bottom7
Suffix: title-blank ico-camera

Frontend - Backend

FRONTEND - Gallery
BACK END

4.2.23 Menu Module

Module Position - Module Suffix

Position: bottom7
Class Suffix: "clear titleinline "

Frontend - Backend

FRONTEND - Support
BACK END

Note: The position "bottom7-About configure the same.

4.2.24 Custom HTML Module

Module Position - Module Suffix

Position: bottom8
Class Suffix:

Frontend - Backend

FRONTEND - Sections
BACK END

        
<ul class="menu ">
<li class="item-243"><a href="#">Politics benlety cagoaky </a></li>
<li class="item-234"><a href="#">Debt Crisis Live </a></li>
<li class="item-244"><a href="#">Investigative </a></li>
<li class="item-296"><a href="#">Entertainment </a></li>
<li class="item-773"><a href="#">Money Transfers</a></li>
<li class="item-400"><a href="#">Technology company </a></li>
<li class="item-400"><a href="#">Transport </a></li>
<li class="item-400"><a href="#">Media and Telecoms </a></li>
</ul>

Note: The position "bottom9" configure the same.

4.2.25 SJ Basic News Module

Module Position - Module Suffix

Position: bottom10
Suffix: clear

Frontend - Backend

FRONTEND - Financial Story
BACK END

4.2.26 SJ Twitter Module

Module Position - Module Suffix

Position: bottom11
Suffix: box-opacity

Frontend - Backend

FRONTEND - Follow Financial on Twitter
BACK END

4.2.27 Custom HTML Module

Module Position - Module Suffix

Position: footer
Class Suffix:

Frontend - Backend

FRONTEND - Social Networking
BACK END

[social type="facebook" style="flat" color="Yes"]http://www.facebook.com/SmartAddons.page [/social]
[social type="twitter" style="flat" color="Yes" ]https://twitter.com/#!/smartaddons [/social]
[social type="google-plus" style="flat" color="Yes" ]https://plus.google.com/u/0/103151395684525745793/posts [/social]
[social type="rss" style="flat" color="Yes"]https://www.smartaddons.com[/social]

Thank you so much for purchasing this template. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!

July.05.2013

SJ Tech Template Userguide

Written by Sarah

Posted in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Tech and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Tech Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla!, latest version is recommended.
K2 Component, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Tech to download

STEP 4: Under SJ Tech -> Download packages as you want

2. SJ Tech -Installation and Configuration

2.1 Installation

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Tech as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Tech Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes, Yt Core and SJ Content Related News Plugin.
- Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

3.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

3.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4. Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions.

4.1 Install

4.1.1 List of extensions used in SJ Tech demo

You can find a list of modules/plugins/components which are used in SJ Tech by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Tech template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.2 Menu - Joomla

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Menu - K2

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Tech News

Menu Item Type

Menu Item Type: Categories

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Login Module

Module Position - Module Suffix

Position: top-1
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.6 Smart Search Module

Module Position - Module Suffix

Position: top-2
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.7 Custom HTML Module

There are several positions that use HTML module. Here we will configure an example. Let take "Banner 1" at position-0, others will be the same.

Module Position - Module Suffix

Position: position-0
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.8 SJ K2 Scroller Module

Module Position - Module Suffix

Position: position-5
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.9 SJ K2 Content Module

There are several positions that use SJ K2 Content module. Here we will configure an example. Let take "Latest News" at position-6, others will be the same.

Module Position - Module Suffix

Position: position-6 (first)
Suffix: latest-news

Frontend (demo layout above) - Back End

BACK END

4.2.10 Sj K2 Mega News Module

Module Position - Module Suffix

Position: position-5
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.11 SJ Video Box Module

Module Position - Module Suffix

Position: position-7
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.12 SJ K2 Accordion Module

Module Position - Module Suffix

Position: position-7
Suffix: title1 yt-accordion

Frontend (demo layout above) - Back End

BACK END

4.2.13 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Section" at position-11, others will be the same.

Module Position - Module Suffix

Position: position-11
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's all about homepage configuration.

June.13.2013

YT Framework Plugin guide

Written by SA Nghiem Diep

Posted in Template User-Guides

If you're using our templates, please take a note this is IMPERATIVE plugin for any template that uses YT Framework from version 1.0.0 to later. And this guide will help you install and update the newest version for YT Framework plugin.

I. DOWNLOAD

Let's go to Joomla Menu -> Download --> Free Joomla Template and check out.

Please click here for going to download area.

II. INSTALLATION

In Administrator on Joomla!, go to Extensions -> Extension Manager
On install tab, click Choose File button, choose plugin file (using zip file) then click Upload & Install. Please don't forget to enable status of YT Framework after that.

III. UPDATE

1. Templates are using YT Framework v2

With all templates are using YT Framework from v2 to later, you can update this plugin online. When we release new versions of YT Framework, older templates that are built from YT Framework v2 will be able to take advantage of all the new features and changes. Just by one click, you will be owned the newest version of YT Framework. Let's go to Template Configuration and Update now!

2. Templates are using YT Framework v1

With all templates are using YT Framework v1 to before v2, you can update to YT Framework v2 but without new features of YT Framework v2. To do this work, let's install YT Plugin v2 to replace YT Plugin v1 the first then please go to ROOT/templates/YOUR_TEMPLATE/includes/yt_template.class.php and replace following code as after:

Replace

include_once (dirname(__FILE__).DS.'browser.php');

if(!class_exists('Browser')) include_once (dirname(__FILE__).DS.'browser.php');

or Replace

include_once (J_TEMPLATEDIR.J_SEPARATOR.'includes'.J_SEPARATOR.'browser.php');

if(!class_exists('Browser')) include_once (J_TEMPLATEDIR.J_SEPARATOR.'includes'.J_SEPARATOR.'browser.php');

June.10.2013

SJ Plus Template Userguide

Written by Sarah

Posted in Template User-Guides

Notes
1 Requirement
2 Download Template
3 Quickstart Installation
4 Manual Installation
5 Template Setting

The guide will help you install SJ Plus and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
I. Requirement
II. Download Template and Extensions
III. Quickstart Installation
IV. Manual Installation
V. Template setting
VI. Upgrade
VII. Template Structure

Important Notes

I. REQUIREMENT

Your systems meet the following requirements before proceeding the installation

Compatible with Joomla! 2.5 and Joomla! 3.3
YT Framwork v2.0, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

II. DOWNLOAD

1. Download Template and Extensions

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Free Joomla Templates

STEP 3: Under Free Templates, click SJ Plus to download

STEP 4: Under SJ Plus -> Download packages as you want

III. QUICKSTART INSTALLATION

3.1 Configuration

Select language:
Main Configuration:

Enter the required information of your site: sitename, email, admin username and password...

3.2. Database Configuration

3.3. Install Sample Data

If you install sample data, you will have a site like our demo. If you select default sample data, you will a fresh site site

3.4. Remove or Rename the Installation folder

The final step is removing or renaming the Installation folder

IV. MANUAL INSTALLATION

4.1. SJ Plus -Installation and Configuration

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Plus as default template

SET DEFAULT

4.2. Imperative Plugins-Installation and Configuration

4.2.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2: Now, go to Enable Yt Framework in Extension/Plug-in Manager

4.2.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4.3 Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions

4.3.1 Install

4.3.1.1 List of extensions used in SJ Plus demo

You can find a list of modules/plugins/components which are used in SJ Plus by clicking menu Features -> Extensions of demo Website

4.3.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.3.2. Configuration

After installing extensions which are included in the SJ Plus template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.3.2.1 Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.3.2.2 Menu - Joomla Pages

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.3.2.3 Menu - K2

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.3.2.4. Custom HTML Module

There are several positions that use HTML module. Here we will configure an example. Let take "Get Social" at position Social, others will be the same.

Module Position - Module Suffix

Position: social
Suffix: balnk

Frontend - Backend

FRONTEND - Get Social
BACK END

4.3.2.5 Smart Search Module

Module Position - Module Suffix

Position: search
Suffix: blank

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.3.2.6. SJ Carousel Module

Module Position - Module Suffix

Position: slideshow
Suffix: blank

Frontend - Backend

FRONTEND - SJ Carousel
BACK END

4.3.2.7. SJ Module Tabs

Module Position - Module Suffix

Position: left
Suffix: blank

Frontend - Back End

FRONTEND - SJ Tabs
BACK END

4.3.2.8. SJ Content Accordion Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Back End

FRONTEND - Hot Stories
BACK END

4.3.2.9. Sj Basic News Module

Module Position - Module Suffix

Position: left
Suffix: title1

Frontend - Back End

FRONTEND - Featured Posts
BACK END

4.3.2.10 Latest News Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Back End

FRONTEND - About Joomla
BACK END

4.3.2.11. Login Form Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Back End

FRONTEND - Login Form
BACK END

4.3.2.12 Who's Online Module

Module Position - Module Suffix

Position: right
Suffix: bg-content1

Frontend - Back End

FRONTEND - Who's Online
BACK END

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's all about homepage configuration.

V. SETTINGS

5.1 Configuration

All of parameters of SJ Plus Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

5.2 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

VI. UPGRADE

YT Framework v2 is upgradeable. When we release new versions of YT Framework, older templates that are built from YT Framework v2 will be able to take advantage of all the new features and changes. Just by one click, you will be owned the newest version of YT Framework.

VII. TEMPLATE STRUCTURE

Please insert here

June.05.2013

SJ Me Template User Guide

Written by SA Anh

Posted in Template User-Guides

Notes
1 Download
2 SJ Template
3 Core Plugins
4 Premium Extensions
- Install
- Configuration

The guide will help you install SJ Me and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Me Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla!, latest version is recommended.
K2 Component, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Me to download

STEP 4: Under SJ Me -> Download packages as you want

2. SJ Me -Installation and Configuration

2.1 Installation

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Me as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Me Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

3. Imperative Plugins-Installation and Configuration

3.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

3.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4. Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions.

4.1 Install

4.1.1 List of extensions used in SJ Me demo

You can find a list of modules/plugins/components which are used in SJ Me by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Me template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Home

Menu Item Type

Menu Item Type: Featured Articles

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.2 Menu - For one-page homepage

There are many items which point to specific parts of the one page homepage. We use relative links for this purpose. Here we will configure one example for "About us" menu item linking to "About us" part, other ones will be the same. To find more about sharp links, hover above menu items of demo

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - RELATIVE LINK

BACK END - TREE OF MENUS

4.2.3 Mega Menu - Explore

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 SJ Extra Slider for Slideshow

There are several positions that use SJ Extra Slider module: slide_show, spotlight3 and spotlight5. Here we will configure an example. Let take slideshow at slide_show position, others will be the same.

Module Position

Position: slide_show

Frontend (demo layout above) - Back End

BACK END

4.2.5 Custom HTML Modules for spotlight1

There are several positions that use HTML module. Here we will configure an example. Let take "About US" at spotlight1 position, others will be the same.

Module Position

Position: spotlight1 (head)

Frontend (demo layout above) - Back End

BACK END

4.2.6 SJ Ajax Tabs for Portfolio

Module Position

Position: spotlight2

Frontend (demo layout above) - Back End

BACK END

4.2.7 Sj Content Responsive Listing for Blog

Module Position

Position: spotlight4

Frontend (demo layout above) - Back End

BACK END

4.2.8 Sj Contact Ajax for contact

Module Position

Position: spotlight7

Frontend (demo layout above) - Back End

BACK END

Spotlight6 part uses Custom HTML, please refer to examples above or Quickstart package

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.

June.05.2013

SJ Information Template User Guide

Written by SA Anh

Posted in Template User-Guides

Notes
1 Download
2 SJ Template
3 Core Plugins
4 Premium Extensions
- Install
- Configuration

The guide will help you install SJ Information and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Information Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla!, latest version is recommended.
SobiPro Component, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Information to download

STEP 4: Under SJ Information -> Download packages as you want

2. SJ Information -Installation and Configuration

2.1 Installation

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Information as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Information Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

2.4 SoBiPro Template

In Administrator of Joomla!, go to SobiPro -> Application Manager

SOBIPRO TEMPLATE MANAGER
On this page, click Choose File button, select our custom SobiPro template file you have downloaded then click Upload File & Install

INSTALL SOBIPRO TEMPLATE

3. Imperative Plugins-Installation and Configuration

3.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

3.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4. Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions.

4.1 Install

4.1.1 List of extensions used in SJ Information demo

You can find a list of modules/plugins/components which are used in SJ Information by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Information template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.2 Mega Menu - Joomla!

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Mega Menu - Blogs

Menu Item Type

Menu Item Type: Menu Item

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Categories

Menu Item Type

Menu Item Type: SobiPro

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Mega Menu - Shortcodes

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.6 Notice Custom HTML Module

Module Position

Position: notice

Frontend (demo layout above) - Back End

BACK END

4.2.7 SJ Counter for SobiPro Module

Module Position

Position: header-1

Frontend (demo layout above) - Back End

BACK END

4.2.8 Custom HTML Module

There are several positions that use HTML module. Here we will configure an example. Let take "Sign Up button" at header-2 position, others will be the same.

Module Position

Position: header2 (first)

Frontend (demo layout above) - Back End

BACK END

4.2.9 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Top menu" at header-2 position, others will be the same.

Module Position

Position: header-2 (second)

Frontend (demo layout above) - Back End

BACK END

4.2.10 Search Module

Module Position

Position: nav-1

Frontend (demo layout above) - Back End

BACK END

4.2.11 SJ Extra Slider for SobiPro Module

Module Position

Position: spotlight1-1

Frontend (demo layout above) - Back End

BACK END

4.2.12 Sj Categories for Sobipro Module

Module Position

Position: spotlight1-3

Frontend (demo layout above) - Back End

BACK END

4.2.13 Sj Entries Grid for SobiPro Module

Module Position

Position: stickey_left (second)

Frontend (demo layout above) - Back End

BACK END

Other sportlight2-1 modules are Custom HTML, please refer to examples above

4.2.14 SJ News Frontpage Module

There are 2 positions that use SJ News Frontpage module. Here we will configure an example. Let take "Blog information" at spotlight3-1 position, others will be the same.

Module Position

Position: spotlight3-1

Frontend (demo layout above) - Back End

BACK END

For footer1-1 and footer2-1,2-2 and 2-3: please refer to Custom HTML and Menu modules above

4.2.15 SJ Gallery Pro Module

Module Position

Position: footer2-4

Frontend (demo layout above) - Back End

BACK END

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.

May.02.2013

SJ Expo Template User Guide

Written by SA Anh

Posted in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Expo and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
1. Download Template and Extensions
2. SJ Expo Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla!, latest version is recommended.
K2 Component, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Expo to download

STEP 4: Under SJ Expo -> Download packages as you want

1.2 Used for single product purchased via e-cart

Receive Donwload-Info email -> Download packages as you want

2. SJ Expo -Installation and Configuration

2.1 Installation

Log in Administrator of Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

INSTALL
Set SJ Expo as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Expo Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of shortcodes that you can use to style content:

LIST of SHORTCODES
After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

SHORTCODES

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes, Yt Mega PopUp and SJ Content Related News Plugin.
- Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

3.1 Installation

Now you install this plugin
STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

INSTALL
STEP 2:Now, go to Enable Yt Framework in Extension/Plug-in Manager

3.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4. Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions.

4.1 Install

4.1.1 List of extensions used in SJ Expo demo

You can find a list of modules/plugins/components which are used in SJ Expo by clicking menu Features -> Extensions of demo Website

4.1.2 Installation

In Administrator on Joomla!, go to Extensions -> Extension Manager
On this page, click Choose File button, choose an extension file then click Upload & Install
Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Expo template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:
Back

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - TREE OF MENUS

4.2.2 Menu - Joomla Pages

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - TREE OF MENUS

4.2.3 Menu - K2

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Services

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Custom HTML Module

There are several positions that use HTML module. Here we will configure an example. Let take "Phone" at position-0, others will be the same.

Module Position - Module Suffix

Position: position-0
Suffix: phone

Frontend (demo layout above) - Back End

BACK END

4.2.6 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Head menu" at position-1 position, others will be the same.

Module Position - Module Suffix

Position: position-1
Suffix: head-menu clearfix

Frontend (demo layout above) - Back End

BACK END

4.2.7 Smart Search Module

Module Position - Module Suffix

Position: position-1
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.8 SJ Basic News Module

There are several positions that use SJ Basic News module. Here we will configure an example. Let take "exhibitions that we will operate" at position-2 position, others will be the same.

Module Position - Module Suffix

Position: position-2
Suffix: exhibitions

Frontend (demo layout above) - Back End

BACK END