SJ Real Estate Template Userguide
- April.11.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 Real Estate Template - Installation and Configuration
- 3. Imperative Plugins - Installation and Configuration
- 4. Other Extensions - Installation and Configuration
Important Notes
Requirement:
- Joomla! 2.5
- Content component (customized and included in Quickstart)
- Some 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 Real Estate to download
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/config/down-area.png)
STEP 4: Under SJ Real Estate --> Download packages as you want
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/config/down-list.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-real-estate-temp/config/down-link.png)
2. SJ Real Estate -Installation and Configuration
2.1 Installation
- Log in Administrator of Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click Choose File button, select our template file you have downloaded then click Upload & Install
- Set SJ Real Estate as default template
2.2 Configuration
The parameters of SJ Real Estate Template are divided into the following groups:- Global Settings
- Main Body Column Settings
- Layout Settings
- Styles Settings
- Top Menu Settings
- Content Component
- Advanced Options
3. Imperative Plugins-Installation and Configuration
You need to install: Yt Plugin, SJ Core and YT Mega Popup plugin.- Yt Plugin supports Yt Framework for adding extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code.
- While that, SJ Core is used for resizing images in Content Component and other extensions by us.
- Lastly, YT Mega Popup support to show popup for Images, Slideshow, Iframes, YouTubes, Ajaxs.
3.1 Installation
- Now you install YT Mega Popup, Yt Plugin and SJ Core in turn
- STEP 1: In Administrator on Joomla! v2.5.x, 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
- STEP 2: Now, go to Enable SJ Core, Yt Plugin (for Yt Framework) and YT Mega Popup in Extension/Plug-in Manager
3.2 Configuration of YT Plugin (for Yt Framework)
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)
4. Other Extensions - Installation and Configuration
After creating data, you can install and configure extensions to have a Website as like as our pre-made demo.4.1 Install
4.1.1 List of extensions used in SJ Real Estate demo
You can find a list of modules/plugins/components which are used in SJ Real Estate by clicking menu Features -> Extensions of demo Website![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/exten-list.png)
4.1.2 Installation
- In Administrator on Joomla! v2.5.x, 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 Real Estate 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:
![](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:
4.2.1 Mega Menu - Features
Menu Item Type: Text Separator
4.2.4 SJ Content Mega Slider
Position: slide_show
Suffix: blank
Suffix: blank
FRONTEND - SJ Content Mega Slider
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/sj-content-mega-slider.png)
4.2.5 SJ Content Slideshow
Position: user3
Suffix: badge-featured
Suffix: badge-featured
FRONTEND - SJ Content Slideshow
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/sj-content-slideshow.png)
4.2.6 SJ News Ajax Tabs
Position: user4
Suffix: blank
Suffix: blank
FRONTEND - SJ News Ajax Tabs
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/sj-news-ajx-tabs.png)
4.2.7 Latest news - SJ Basic News
There are several positions that use SJ Basic News module. Here we will configure an example. Let take "Latest News" at right position, others will be the same.
Position: right
Suffix: bg_color
Suffix: bg_color
FRONTEND - Latest news
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/sj basic-news.png)
4.2.8 Banners Module
Position: right
Suffix: clear
Suffix: clear
FRONTEND - Banners Module
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/sj-banner.png)
4.2.9 Company - Menu Module
There are several positions that use Menu module. Here we will configure an example. Let take "Company" at right position, others will be the same.
Position: user10
Suffix: blank
Suffix: blank
FRONTEND - Company
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/menu-module.png)
4.2.10 Follow us - Custom HTML
There are several positions that use Custom HTML module. Here we will configure an example. Let take "Follow us" at user12 position, others will be the same.
Position: user12
Suffix: blank
Suffix: blank
FRONTEND - Follow us
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/custom-html.png)
4.2.11 Footer Module
Position: copyright
Suffix: blank
Suffix: blank
FRONTEND - Footer Module
BACK END
BACK END
![](http://smartaddons.s3.amazonaws.com/images/userguide/sj-real-estate-temp/mod/module-footer.png)
That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.