SJ Expo Template User Guide
- May.02.2013
|
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
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/down1.png)
STEP 2: Go to Download -> Joomla Templates Club (JTC)
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/down2.png)
STEP 3: Under Premium Joomla Templates, click SJ Expo to download
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/long/downlist.png)
STEP 4: Under SJ Expo -> Download packages as you want
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/long/downpremium.png)
1.2 Used for single product purchased via e-cart
Receive Donwload-Info email -> Download packages as you want
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/long/downemail.png)
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: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:
- Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
YT FRAMEWORK
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/yt-framework.png)
SJ HELP
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/yt-framework-1.png)
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![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/long/exts.png)
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
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/ex2-select-ex.jpg)
By this screenshot, you will see how module is placed in the default layout:
Back
4.2.1 Menu - Explore
Menu Item Type: Single Article
4.2.2 Menu - Joomla Pages
Menu Item Type: Category Blog
4.2.3 Menu - K2
Menu Item Type: External URL
4.2.4 Mega Menu - Services
Menu Item Type: Category Blog
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.
Position: position-0
Suffix: phone
Suffix: phone
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/mod/05pos0.png)
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.
Position: position-1
Suffix: head-menu clearfix
Suffix: head-menu clearfix
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/mod/06pos1.png)
4.2.7 Smart Search Module
Position: position-1
Suffix: blank
Suffix: blank
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/mod/07pos1.png)
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.
Position: position-2
Suffix: exhibitions
Suffix: exhibitions
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/mod/08pos2.png)
4.2.9 SJ News Extra Slider Module
Position: position-3 (first)
Suffix: extra-slider
Suffix: extra-slider
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/mod/09pos3.png)
4.2.10 Sj Content Responsive Listing Module
Position: position-4
Suffix: content-listing
Suffix: content-listing
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-expo-temp/mod/10pos4.png)
Footer
Now there are some HTML and Menu module as our demo. You can try some other ones.
That's all about homepage configuration.