SJ Resorts Userguide
- December.01.2012
|
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 Resorts Template - Installation and Configuration
- 3. Imperative Plugins - Installation and Configuration
- 4. Other Extensions - Installation and Configuration
Important Notes
Requirement:
- Joomla! 2.5, lastest version is recommended.
- SobiPro Component from www.sigsiu.net/sobipro.html.
- 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 Resorts to download
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/long/downlist.png)
STEP 4: Under SJ Resorts -> Download packages as you want
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/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-resorts-j25/long/downemail.png)
2. SJ Resorts -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 Resorts as default template
SET DEFAULT
2.2 Configuration
The parameters of SJ Resorts Template are divided into the following groups:- Global Settings
- Layout Settings
- Site Styles
- Typography
- Top Menu Settings
- Content Component
- Optimize CSS,JS
- Advanced Options
2.3 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
You need to install: Yt Plugin.- Yt Plugin supports Yt Framework for adding extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code.
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:
- After installing Yt Plugin, go to Extension -> Plug-in Manager and choose to configureYt Plugin:
- Configure Yt Pluginto show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials
SUPPORT OPTIMIZING CSS/JS/HTML AND STYLING MEGA MENUS
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/yt-plg3-optimize-megamenu.jpg)
TO YT PLUGIN
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/yt-plg1.jpg)
SHOWING SJ HELP
![](http://smartaddons.s3.amazonaws.com/images/userguide/long/yt-plg2-sj-help.jpg)
4. Other Extensions - Installation and Configuration
After creating articles and data..., you have to install and configure extensions to have a Website with functions and modules as our pre-made demo.4.1 Install
4.1.1 List of extensions used in SJ Resorts demo
You can find a list of modules/plugins/components which are used in SJ Resorts by clicking menu Features -> Extensions of demo Website![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/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 Resorts 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 Mega Menu - Features
Menu Item Type: Text Separator
4.2.2 Mega Menu - Joomla!
Menu Item Type: Text Separator
4.2.3 Mega Menu - K2
Menu Item Type: K2 Categories
4.2.4 Mega Menu - View Resorts
Menu Item Type: SobiPro
4.2.5 Smart Search Module
Position: nav2 (left)
Suffix: Not Used
Suffix: Not Used
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/05nav201.png)
4.2.6 SJ Login Module
Position: nav2 (right)
Suffix: Not Used
Suffix: Not Used
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/06nav202.png)
4.2.7 SJ Slider for SobiPro Module
Position: spotlight1-1
Suffix: clear sobislider
Suffix: clear sobislider
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/07spot1.png)
4.2.8 Ads - Custom HTML Module
There are several positions that use Custom HTML Module. Here we will configure an example. Let take "Ads" at content-3 position, others will be the same.
Position: content-3 (first)
Suffix: clear
Suffix: clear
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/08con301.png)
4.2.9 SJ Entries Grid for SobiPro Module
Position: content-3 (second)
Suffix: clear
Suffix: clear
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/09con302.png)
4.2.10 SJ Article Slider Responsive Module
Position: content-4
Suffix: up_events title3 clear
Suffix: up_events title3 clear
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/10con4.png)
4.2.11 SJ Accordion Module
Position: right-col (first)
Suffix: accordion_modules blank
Suffix: accordion_modules blank
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/11right01.png)
4.2.12 SJ Gallery Pro Module
Position: right-col (second)
Suffix: clear sj_gallery title3
Suffix: clear sj_gallery title3
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/12right02.png)
4.2.13 K2 Content Module
Position: spotlight2-1
Suffix: k2_lastest
Suffix: k2_lastest
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/13spot201.png)
4.2.14 Lastest News Module
Position: spotlight2-2
Suffix: Not Used
Suffix: Not Used
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/14spot202.png)
4.2.15 Menu Module
There are several positions that use Menu module. Here we will configure an example. Let take "Navigation" at position-10 position, others will be the same.
Position: position-10
Suffix: Not Used
Suffix: Not Used
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-resorts-j25/mod/15pos10.png)
4.2.16 Footer
Now there are not any customized modules placed in this position. You can try some ones.
That's homepage configuration. For advanced and customized configurations, please submit ticket OR purchase our installation services.