SJ Uking

View demoMore detail
This guide will help you install SJ Uking Template step by step.

 

1SYSTEM REQUIREMENTS – Back to top

SJ Uking is compatible with Joomla v3.x. Please make sure your system meets the following requirements:

1.1 System Requirements – Joomla version 3.x

Software

  • Software: PHP 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)

1.1 Browser Requirements

The requirements are the same with and Joomla 3.x

  • Firefox 4+
  • IE (Internet Explorer) 9+
  • Google Chrome 10+
  • Opera 10+
  • Safari 5+

1.3 Development Environment

The requirements are the same with and Joomla 3.x

During the 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.4 Component Requirements

Acymailing component

2DOWNLOAD – Back to top

Download Packages from our store:

Step 1: Login your account

Step 2: Go to Joomla > Download > Joomla Templates Club


Step 3: Under Premium Joomla Templates –> Find and Download Template as you want

3INSTALLATION – Back to top

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. 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 >> Manage >> Install .

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 .

  • 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

  • Go to Extensions >> Module Manager.

  • Find the new installed module. For example: with “SJ Contact Ajax “ module.

You can use the search or filter option to find the new installed module easier and enable module.

  • Enable and set position for the module

When you find the new installed module, please open its configuration panel.

To display the module in front-page, you must publish it and set right position for the module.

Please note that not all module positions can be active in front-page, so please make sure the module is assigned to an active module position.

  • Assign the modules to specific menus

You have to assign the modules to specific menus so that the module will be displayed in the assigned menus. There are 4 options : “On all pages, No pages, Only on the pages selected, On all pages except those selected”

  • Configure the new installed module

Normally, each module has its own settings, the settings allow you to customize the module so that you can have it displayed in front-page as you wish.

ENABLE PLUGIN

Note: all plug-ins listed are imperative.

  • YT Framework Plug-in supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. Besides, configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template. You can go here for getting more information of this plugin.
  • YT Shortcode offer you an amazing tool to create advanced custom content with minimal effort or even without any knowledge how to code HTML. Please go here for getting more information of this plugin.
  • SJ Content Related News is a simple plugin for content component. It helps you to show other articles in the same category. Please go here for getting more information of this plugin.

You need to install and activate them when using this template. Let’s start from 1 – 2 – 3 to active plug-ins as below:

Install Component

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

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

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

4.1 Layout Position

4.2 Template Configuration

Go to Extensions > Template > SJ Uking. 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 Uking demo site, this would be helpful. We will only show the important, customized settings.

To change logo image in SJ Uking, please go to here

Joomla Menu Configuration

Frontend Appearance

Tree of Joomla Menu

Backend Settings

Joomla Menu

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

Blog Content
Menu Item Type: List All Categories
Template Style: Use default
Menu Location: Main menu – English
To configure Blog Content, please go to Menus >> Main menu – English >> Find “Blog Content” (you can create new menu if this menu is not exist).
Backend Settings

Category Blog
Menu Item Type: Category Blog
Template Style: Use default
Menu Location: Main menu – English
To configure Category Blog, please go to Menus >> Main menu – English >> Find “Category Blog” (you can create new menu if this menu is not exist).
Backend Settings

Category Blog (1 Column)
Menu Item Type: Category Blog
Template Style: Use default
Menu Location: Main menu – English
To configure Category Blog (1 Column), please go to Menus >> Main menu – English >> Find “Category Blog (1 Column)” (you can create new menu if this menu is not exist).
Backend Settings

4.3.2 Mega Menu Configuration

Frontend Appearance

Backend Settings

Mega Menu

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

4.3.3 K2 Menu Configuration

Frontend Appearance

Tree of K2 Menu


Backend Settings

K2 Menu

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

K2 Article
Menu Item Type: Item
Template Style: Use default
Menu Location: Main menu – English
To configure K2 Article, please go to Menus >> Main menu – English >> Find “K2 Article” (you can create new menu if this menu is not exist).
Backend Settings

4.3.4 Page Menu Configuration

Frontend Appearance

Tree of Page Menu


Backend Settings

Page Menu

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

About Us
Menu Item Type: Single Article
Template Style: Use default
Menu Location: Main menu – English
To configure About Us, please go to Menus >> Main menu – English >> Find “About Us” (you can create new menu if this menu is not exist).
Backend Settings

4.4 Extension Configuration

The SJ Uking front-page has the following parts in the theme:

4.4.1 Top 1

Frontend Appearance

 
Module Position – Module Suffix

Position: top1
Module Class Suffix:
Module Style: Inherited

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.2 Top 2

Frontend Appearance

 
Module Position – Module Suffix

Position: top2
Module Class Suffix: _menu_top_menu
Module Style: inherited

Backend Settings

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

4.4.3 Search

Frontend Appearance

 
Module Position – Module Suffix

Position: search
Module Class Suffix: me_search
Module Style: Inherited

Backend Settings

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

4.4.4 Main Home – Custom Slider

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content1
Module Style: Inherited

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.5 Main Home – Custom Box

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content2
Module Style: Inherited

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.6 Main Home – Our Activities|Our best services for your kids

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content3
Module Style: double

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.7 Main Home – Our Courses|We are all here to help you

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content4 no-bgtitle
Module Style: double

Backend Settings

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

4.4.8 Main Home- Our Programs|Our best services for your kids

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content5
Module Style: double

Backend Settings

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

4.4.9 Main Home – Custom CountDown

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content6
Module Style: Inherited

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.10 Main Home – Our Teachers|Full time · age: 3-6 years old

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content7
Module Style: double

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.11 Main Home- Our Events|Don’t miss our events

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content8 no-bgtitle
Module Style: double

Backend Settings

To configure this module, please go to Extensions >> Modules >> Click “New” button to create a new module >> Select “SJ Listing Tabs For K2” module.

4.4.12 Main Home – Testimonials|What parents say about us

Frontend Appearance

 
Module Position – Module Suffix

Position: main-home
Module Class Suffix: home-ps-content9
Module Style: double

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.13 Bottom – SJ Gallery Pro

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom
Device Class Suffix: preset01-7 preset02-7 preset03-4 preset04-4 preset05-1
Module Style: Inherited

Backend Settings

To configure this module, please go to Extensions >> Modules >> Click “New” button to create a new module >> Select “SJ Gallery Pro” module.

4.4.14 Bottom 1 – FOLLOW US ON

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom1
Module Class Suffix: blank socialft
Module Style: Inherited

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.15 Bottom 2 – NEWSLETTER

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom2
Module Class Suffix: blank newsletter
Module Style: Inherited

Backend Settings

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

4.4.16 Bottom 3 – about uking

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom3
Module Class Suffix:
Module Style: Inherited

Backend Settings

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

  • Module: Backend Settings

    • Copy and paste the following code into the editor:

  • Options: Backend Settings
  • Advanced: Backend Settings

4.4.17 Bottom 4 – Archives

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom4
Module Style: Inherited

Backend Settings

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

4.4.18 Bottom 5 – Featured Courses

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom5

Backend Settings

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

4.4.19 Bottom 6 – Twitter feed

Frontend Appearance

 
Module Position – Module Suffix

Position: bottom6
Module Style: Inherited

Backend Settings

To configure this module, please go to Extensions >> Modules >> Click “New” button to create a new module >> Select “K2 Tools” 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!