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

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

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 Jare as default template
  
  
  SET DEFAULT

  

2.2 Configuration

OVERVIEW

GENERAL

LAYOUT

MENU

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.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 Plugin (for Yt Framework) in Extension/Plug-in Manager

3.2 Configuration of YT Plugin (for Yt Framework)

• Yt Plugin supports Optimizing CSS/ JS/ HTML and support showing Mega Menus nicely. You can see how to optimize CSS/JS/HTML in Configuration part above and how to use YT Menu Params for styling any Menu Items by remarking an example:
SUPPORT OPTIMIZING CSS/JS/HTML AND STYLING MEGA MENUS

• After installing Yt Plugin, go to Extension -> Plug-in Manager and choose to configureYt Plugin:
TO YT PLUGIN

• Configure Yt Plugin to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials
SHOWING SJ HELP

4.1 Install

4.1.1 List of extensions used in SJ Jare demo

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

4.2 Configuration

After installing extensions which are included in the SJ Jare 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: Single Article

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: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Login Module

Module Position - Module Suffix

Position: top1
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.5 VM Shopping Cart Module

Module Position - Module Suffix

Position: top2
Suffix: cart blank

Frontend (demo layout above) - Back End

BACK END

4.2.6 Smart Search Module

Module Position - Module Suffix

Position: top3
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.7 Menu Module

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

Module Position - Module Suffix

Position: position-0
Suffix: @responsive

Frontend (demo layout above) - Back End

BACK END

4.2.8 SJ VM Slideshow Responsive Module

Module Position - Module Suffix

Position: slide_show (first)
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.9 Custom HTML Module

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

Module Position - Module Suffix

Position: slide_show (second)
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.10 Who's Online Module

Module Position - Module Suffix

Position: sticky_left (first)
Suffix: bg-white @group

Frontend (demo layout above) - Back End

BACK END

4.2.11 Statistics Module

Module Position - Module Suffix

Position: stickey_left (second)
Suffix: bg-white @eye-open

Frontend (demo layout above) - Back End

BACK END

4.2.12 SJ VirtueMart Module

There are several positions that use SJ VirtueMart module. Here we will configure an example. Let take "Featured Products" at position-5 position, others will be the same.

Module Position - Module Suffix

Position: position-5
Suffix: features

Frontend (demo layout above) - Back End

BACK END

4.2.13 SJ Slider Module

Module Position - Module Suffix

Position: position-4
Suffix: blank

Frontend (demo layout above) - Back End

BACK END