SJ Financial III

This guide will help you install SJ Financial III Template step by step.

 

1SYSTEM REQUIREMENTS – Back to top

1.1 System Requirements – Joomla version 3.x

System Requirements: here

1.2 Component Requirements

K2 component – V3.0.x

Acymailing component

2DOWNLOAD – Back to top

 
Download Packages from our store: here

3INSTALLATION – Back to top

There are two ways to install a Joomla Template:

  • Install Quickstart: By using this package, you will see your website exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template.
  • 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.

3.1 Install with Quickstart Package:

The following steps will guide to install a quickstart package of SmartAddons Joomla Template: Click here

3.2 Install with Template and Extensions:

3.2.1 Install Template

 

Step 1: Access the installation panel

Navigate to Extensions >> Extension Manager.

Step 2: Install Template

  • Install with option: Upload Package File

Firstly, you choose file template.zip then click on the button Upload & Install to install the uploaded package.

Step 3: Set New Installed Template As Default Template

  • Go to Extensions >> Template Manager.

  • In order to display your site with the new installed template, you have to set the template as default template

3.2.2 Install Extensions

 

The extensions package include of (Modules/Components and Plugins).

Note: Extensions installation is the same with Template installation as above

Here is list of extensions that are used in the template.

Enable Modules and Plugins: here

Install Component

    To Install K2 Component, you can follow these steps:
    Step 1: Please go to Extensions >> Extension Manager

    Step 2: Choose file K2 component.zip that you have downloaded and then Click on the button Upload & Install to install the uploaded package.

To install Acymailing Component you do the same as the installation K2 Component.

3.3 Install multilingual site in SJ Template

To help you about language problem when you work with SJ Template, please read this post: how to set up a multilingual site in SJ Template.

4CONFIGURATION – Back to top

 

Display Module Position for Joomla : here

4.1 Layout Position

4.2 Template Configuration

Go to Extensions > Template Manager > SJ Financial III. All of parameters of this template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

TYPOGRAPHY

CONTENT

TOOLS UTILITIES

ADVANCED

If you want to make your site same as SJ Financial III demo site, this would be helpful. We will only show the important, customized settings.
 
 
To change logo image in SJ Financial III, please go to here

4.3.1 Mega Menu Configuration

Frontend Appearance

Tree of Mega Menu

Backend Settings

Mega Menu

To configure “Mega Menu”, please go to Menus >> Main menu >> Find “Mega Menu” (you can create new menu if this menu is not exist).
Menu Item Type: Text Seperator
Template Style: Use default
Menu Location: Main menu

List Featured Mega Menu

To configure “List Featured Mega Menu”, please go to Menus >> Main menu >> Find “List Featured Mega Menu” (you can create new menu if this menu is not exist).
Menu Item Type: Text Seperator
Template Style: Use default
Menu Location: Main menu

To configure List Featured Mega Menu please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.
Backend Settings

Copy & Paste the code into your editor:

 

4.3.2 Projects Menu Configuration

Frontend Appearance

Tree of Projects Menu

Backend Settings

Projects Menu

To configure “Projects Menu”, please go to Menus >> Main menu >> Find “Projects Menu” (you can create new menu if this menu is not exist).
Menu Item Type: Text Seperator
Template Style: Use default
Menu Location: Main menu

List Cate Mega 2

To configure “List Cate Mega 2″, please go to Menus >> Main menu >> Find “List Cate Mega 2″ (you can create new menu if this menu is not exist).
Menu Item Type: Text Seperator
Template Style: Use default
Menu Location: Main menu

To configure List Cate Mega 2 please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.
Backend Settings

Copy & Paste the code into your editor:

 

Top Projects

To configure “Top Projects”, please go to Menus >> Main menu >> Find “Top Projects” (you can create new menu if this menu is not exist).
Menu Item Type: Text Seperator
Template Style: Use default
Menu Location: Main menu

To configure Top Projects please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.
Backend Settings

4.4 Extension Configuration

4.4.1 Position: content_top
 
Frontend Appearance

1 Module: Smart-search

Module Class Suffix: smart-search-top

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Smart Search” module.

2 Module: Login

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Login” module.

When you show the login module at the “content-top” position, the language module is also displayed at the popup by default
To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Language” module.

4.4.2 Position: main_top – Module: Sj Stock Market

Module Class Suffix: market-today

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

4.4.3 Position: content_main1 – Module: SJ Grid Slider for K2

Module Class Suffix: slideshow-grid

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Grid Slider for K2″ module.

4.4.4 Position: right
 

1 Module: Sj Stock Market
Frontend Appearance

Module Class Suffix: quotes-lookup line

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

2 Module: Sj Stock Market

Frontend Appearance

Module Class Suffix: word-markets line

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

3 Module: Sj Stock Market
Frontend Appearance

Module Class Suffix: other-data line

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

4 Module: Sj Stock Market
Frontend Appearance

Module Class Suffix: line most-read

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

5 Module: Custom
Frontend Appearance

Module Class Suffix: hidden-xs hidden-sm hidden-md banner

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

6 Module: K2 Content
Frontend Appearance

Module Class Suffix: line expert-review

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

7 Module: Custom
Frontend Appearance

Module Class Suffix: line countries

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 
8 Module: SJ Twitter Slider
Frontend Appearance

Module Class Suffix: line twitter-feeds

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Twitter Slider” module.

4.4.5 stickyPanel Position
 

1 Module: Sj Stock Market
Frontend Appearance

Module Class Suffix: currencies-data @money

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

2 Module: AcyMailing Module
Frontend Appearance

Module Class Suffix: newsletter-bar @paper-plane

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “AcyMailing Module” module.

3 Module: Custom
Frontend Appearance

Module Class Suffix: social-bar line @info

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 

4.4.6 Position: content_main2
 

1 Module: SJ Extra Slider for K2
Frontend Appearance

Module Class Suffix: popular-post line

 
To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Extra Slider for K2″ module.

2 Module: K2 Content
Frontend Appearance

Module Class Suffix: line trending-post

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

4.4.7 Module: Custom

Module Class Suffix: banner center

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 

4.4.8 Position: content_main4
 

1. Module: K2 Content
Frontend Appearance

Module Class Suffix: line list-content col-sm-4

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

2. Module: Custom
Frontend Appearance

Module Class Suffix: banner center col-xs-12

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 

3. Module: K2 Content
Frontend Appearance

Module Class Suffix: line list-content editor-pick col-xs-12

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

4.4.9. Position: main-bottom – Module: Sj Stock Market

Module Class Suffix: billionaire line

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Stock Market” module.

4.4.10. Position: bottom1 – Module: Custom

Module Class Suffix: hidden-md hidden-sm hidden-xs

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 

4.4.11. Position: bottom2 – Module: Custom

Module Class Suffix: dictionary

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 

4.4.12 Position: bottom3 – Module: Custom

Module Class Suffix: google-app hidden-md hidden-sm hidden-xs

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom” module.

Copy & Paste the code into your editor:

 

4.4.13 Position: bottom4 – Module: Menu

Module Class Suffix: menu-bottom

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.4.14 Position: bottom5 – Module: Menu

Module Class Suffix: menu-bottom

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.4.15 Position: bottom6 – Module: Menu

Module Class Suffix: menu-bottom

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.4.16 Position: bottom7 – Module: Menu

Module Class Suffix: menu-bottom

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.4.17 Position: bottom8 – Module: Menu

Module Class Suffix: menu-bottom

 
Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.4.18 Position: footer – Module: Menu

Frontend Appearance

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

6SUPPORT – Back to top

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!