Sarah

Friday, 04 October 2013 15:25

SJ Decou Template Userguide

This guide will help you install SJ Decou and extensions included in the template step by step. This provides for only membeships in SmartAddons Joomla Template Clubs.

Table of content as following:

1. Requirement
2. How to Download
3. How to Installation
4. How to configuration

1. REQUIREMENT - Back to top

At the basic level, this template will require the following conditions:

Compatible with version Joomla: Joomla! 2.5.x, Joomla 3.x
Compatible with version K2: 2.6.x
Installation Packages include:
- Quickstart Package
- Template package only
- Extensions package from our store
- Extensions packge from 3rd Parties (if have)

2. HOW TO DOWNLOAD - Back to top

2.1 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 --> click to download template as you want

Step 4 Under name of template --> Download packages as you want

2.2 Download packages from 3rd Parties:

This is the component from 3rd party which is used in this template:;

K2 Component: Download as this guide in here

3. HOW TO INSTALLATION - 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. For understanding more information about Quickstart, you should read this article: Quickstart package for Joomla templates - what is this and how to install it?
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 Installation with Quickstart Package

Before installing the Quickstart package, we recommend you back up your site first. You click to learn how to back up a Joomla site. The following steps will guide to install a quickstart package of SmartAddons Joomla Template

Step 1 Upload folder quickstart:

If you are using SSH, simply upload your zip file (via FTP) and then 'unzip' the file. If you are using FTP, unzip the file on your computer and then upload those files as bellow. Though some webhosts have a different structure, in MOST cases, the folder that is used for uploading will be called "public_html." This will take a while to upload all those files and folders. Please keep your patience.

Step 2 Start installation procedure:

After uploading is completed, open the browser and type your URL in the address bar. The first screen will appear as follow

Sellect Language

Main Configuration:

Enter the required information of your site: sitename, email, admin username and password

Step 3 Configure Database:

Create Database: Following guide is used for creating database on the localhost. Go to your phpmyadmin (http://localhost/phpmyadmin/) then type of desired database name. You should refer document for creating database on Cpanel.

Database Installation: After the step 2, Click Next and go to this step. You will need to fillup database name, username and password in here.

Step 4: Install Sample Data

If you install sample data, you will have a site like our demo. If you select default sample data, you will get a fresh Joomla site.

Step 5: Remove or Rename the Installation folder:

The final step is removing or renaming the Installation folder

In the end of 3.1 Installation with Quickstart Package, you will be got a new website as our demo.

3.2 Installation without Quickstart Package

Then install Template and Extensions as bellow.

3.2.1. Install Template:

Step 1: Click Choose File/Browse button, select our template file you have downloaded > Upload & Install. Do as this for getting Template package.

Step 2: Go to Extensions > Template Manager and set SJ Decou to become the default template as bellow

3.2.2. Install Extensions:

Here is list of extensions that are used in the template.

Step 1: Install Extensions that are developed by SmartAddons. Please Unzip First the Extension package for getting SmartAddons extensions then install each of them as install template above. Do as this for getting SmartAddons packages.

Step 2: Install K2 Component as extensions above. Do as this for getting package of K2 Component.

Step 3: Enable/Public plugins. Note: all plugins listed are imperative.

Yt Framework Plugin 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 Shortcodes supports users to make content for web pages. In Joomla administrator, YT Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content. Click here for viewing the screenshot of backend
SJ Content Related News is used for showing other related articles in the same category. For more info about this module, please go here. Click here for viewing the screenshot of backend.

You need to install and activate them when using this template. Let's start from 1 - 2 - 3 to active plugins as bellow:

After install template/extensions, please go to next step - Configuration of template as 4. Part bellow

4. HOW TO CONFIGURATION - Back to top

The following part we will guide how to configure the template becomes the same with our home page - Demo

4.1 Modules Positions

4.2 Template Configuration

Go to Extensions > Template Manager > SJ Decou. All of parameters of this template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

4.3 Menu Configuration

4.3.1. Megamenu Configuration

To configure Mega Menu, go to: Extensions --> Template manager --> open SJ Decou template, in the Menu setting, you can configure Mega Menu. Do as this for setting Menu.

4.3.2. Menu Item Backend Settings

Frontend - Backend
FRONTEND

HOME MENU: TREE OF MENU - MENU PARAM

EXPLORE MENU: TREE OF MENU - MENU PARAM

JOOMLA MENU: TREE OF MENU - MENU PARAM
- Sale off - Backend
- Categories - Backend
- Latest News - Backend
K2 MENU: TREE OF MENU - MENU PARAM
- Gift - Backend
- Discount - Backend
- Top Comment - Backend
PLACES MENU: TREE OF MENU - MENU PARAM

SERVICES MENU: TREE OF MENU - MENU PARAM

BLOG MENU: TREE OF MENU - MENU PARAM

PHOTO MENU: TREE OF MENU - MENU PARAM

4.4 Extension Configuration

4.4.1. Program - Custom HTML Module

Module Position - Module Suffix
Position: postition-0
Suffix: blank block_program

Frontend - Backend

FRONTEND

BACKEND

CODE - CUSTOM OUTPUT

<img class="bg_slide" src="/images/customhtml/img-slide1.jpg" border="0" />

<h3 class="slogan">Discover more new things!Experience the promised land Decou</h3>

<a href="#"><img src="/images/sj-k2/1.jpg" border="0" /></a>

In <a href="#">Places</a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
<a class="item-more" href="#">Read more</a>

<h2 class="item-title"><a href="#">Best Price Guarantee</a></h2>
Find our lowest price to destinations worldwide, guaranteed

<a href="#"><img src="/images/customhtml/item-1.jpg" border="0" /></a>

In <a href="#">Services</a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
<a class="item-more" href="#">Read more</a>

<h2 class="item-title"><a href="#">Easy Booking</a></h2>
Search, select and save - the fastest way to book your trip

<a href="#"><img src="/images/sj-k2/6.jpg" border="0" /></a>

In <a href="#">Blog</a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
<a class="item-more" href="#">Read more</a>

<h2 class="item-title"><a href="#">24/7 Customer Care</a></h2>
Get booking assistance and special deals by calling 020.566.2345

4.4.2. Flight Schedules - Custom HTML Module

Module Position - Module Suffix
Position: position-1
Suffix: blank block_schedules

Frontend - Backend

FRONTEND

BACKEND

CODE - CUSTOM OUTPUT

<a target="_blank"> </a>
<a target="_blank"></a><a href="#"><img src="/images/customhtml/1.jpg" border="0" /></a>
<ul>
<li class="item">
<a href="#"><img src="/images/customhtml/img-2.jpg" border="0" /></a>
<a href="#"> Dubai to Tokyo</a>
12 flights / day
</li>
<li class="item">
<a href="#"><img src="/images/customhtml/img-3.jpg" border="0" /></a>
<a href="#"> Lauderdale to matxcova</a>
7 flights / day
</li>
<li class="item last">
<a href="#"><img src="/images/customhtml/img-4.jpg" border="0" /></a>
<a href="#"> New York to LonDon</a>
3 flights / day
</li>
</ul>
<a class="read-more" href="#">read more</a>

4.4.3. Place of the Month - SJ K2 Extra Slider Module

Module Position - Module Suffix
Position: position-2
Suffix: blank extra-theme2
Frontend - Backend

FRONTEND

BACKEND

4.4.4. Video- SJ Video Box Module

Module Position - Module Suffix
Position: position-3
Suffix: blank sj-video-theme1
Frontend - Backend

FRONTEND

BACKEND

4.4.5. Decou Stories - SJ K2 Extra Slider Module

Module Position - Module Suffix
Position: position-4
Suffix: @photo extra-theme1
Frontend - Backend

FRONTEND

BACKEND

4.4.6. Decou Blog - SJ K2 Extra Slider Module

Module Position - Module Suffix
Position: position-4
Suffix:
Frontend - Backend

FRONTEND

BACKEND

4.4.7. Search - SJ Smart Search Module

Module Position - Module Suffix
Position: postition-8
Suffix: blank
Frontend - Backend

FRONTEND

BACKEND

4.4.8. Contact us - Custom HTML Module

Module Position - Module Suffix
Position: position-1
Suffix: contact-us blank

Frontend - Backend

FRONTEND

BACKEND

CODE - CUSTOM OUTPUT

                                   
<ul>
<li class="add">Our business address is 1063 Freelon Street San Francisco, CA 95108</li>
<li class="phone">+ 020.566.2345 / or + 020.566.9876</li>
<li class="email">contact@decou.com</li>
</ul>
<a class="btn_contact" href="/component/contact/9" title="Contact from">Contact Form</a>

4.4.9. Connect with us - Custom HTML Module

Module Position - Module Suffix
Position: position-1
Suffix: connect-with-us blank

Frontend - Backend

FRONTEND

BACKEND

CODE - CUSTOM OUTPUT

<ul>
<li class="first"><a class="icon-facebook" href="http://www.facebook.com/SmartAddons.page" target="_blank" title="Facebook"> </a></li>
<li><a class="icon-twitter" href="https://twitter.com/smartaddons" target="_blank" title="Twitter"> </a></li>
<li><a class="icon-pinterest" href="http://pinterest.com/smartaddons/" target="_blank" title="Pinterest"> </a></li>
</ul>


Sign up today and never miss another deal again!
<form method="post">
<input class="inputbox" maxlength="60" name="Your e-mail address" size="18" type="text" value="Your e-mail address" /> <button class="button">Sign Up!</button>
</form>

4.4.10. About us - Custom HTML Module

Module Position - Module Suffix
Position: position-1
Suffix: block-about blank

Frontend - Backend

FRONTEND

BACKEND

CODE - CUSTOM OUTPUT

Consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu
<ul>
<li>Aenean imperdiet fringilla ligula, ut mollis mi venenatis</li>
<li>Nunc ullamcorper cursus eros pulvinar</li>
</ul>
<a class="read-about" href="/component/content/178"></a>

4.4.11. Easy Access - Custom HTML Module

Module Position - Module Suffix
Position: position-12
Suffix: easy-access blank
Frontend - Backend

FRONTEND

BACKEND

4.4.12. Book Menu - Menu Module

There are several positions that use Menu module. There are: position-13, position-14, position-15, position-16, position-17, position-18 Here we will configure an example. Let take "Book" at position position-13, others will be the same.

Module Position - Module Suffix
Position: position-13
Suffix: _menufooter blank
Frontend - Backend

FRONTEND

BACKEND - MENU TREE

4.4.13. Connect - Custom HTML Module

Module Position - Module Suffix
Position: position-19
Suffix: connect blank

Frontend - Backend

FRONTEND

BACKEND

CODE - CUSTOM OUTPUT

                                   
<ul class="connect-with">
<li class="iphone">020.566.2345</li>
<li class="chat"><a href="#">Chat Now</a></li>
<li class="mail"><a href="#">Site Feedback</a></li>
</ul>

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.

Tagged under

Tuesday, 20 August 2013 10:04

SJ Sport Store Template User Guide

Published in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Sport Store and extensions included in this template step by step.
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 Sport Store Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla! 2.5, Joomla 3.x
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

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Sport Store to download

STEP 4: Under SJ Sport Store --> Download packages as you want

1.2 Download 3rd Party Extensions

This is the list of 3rd party extensions which are used in this template:

JoomShopping 4.33: Download here
Jshopping Bestseller Products - Module Bestseller 4.0.1: Download here
Jshopping Cart - Module Cart 4.0.1: Download here
Jshopping Category - Module Category 4.0.1: Download here

2. SJ Sport Store -Installation and Configuration

2.1 Installation

Log in your Administrator, 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 Sport Store as default template

After installing this template, please install JoomShopping Component 3.14.3.

2.2 Configuration

All of parameters of SJ Sport Store Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework Plugin, SJ Content Related News, Yt Shortcode, and SJ Responsive Listing Ajax for JoomShopping plugin. You can find all of them in sj_sport_store_extensions_j25_v1.0.0 package

Yt Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. For more info, please go here
While that, YT shortcodes supports users to make content for web pages. In Joomla administrator, Yt Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content.
SJ Responsive Listing Ajax is used for loading more product. This plugin is supported for SJ Responsive Listing for JoomShopping module that is in the home page.
Lastly, SJ Content Related News is used for showing other related articles in the same category. For more info, please go here

3.1 Installation

Now you install Yt Framework Plugin, SJ Content Related News, Yt Shortcode and SJ Responsive Listing Ajax for JoomShopping 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 Yt Framework Plugin,Yt Shortcode, SJ Responsive Listing Ajax for JoomShopping and SJ Content Related News in Extension/Plug-in Manager

3.2 Configuration of Yt Framework Plugin

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configure Yt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

3.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:

SHORTCODES

After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

3.4. SJ Content Related News

In Administrator of Joomla!, go to Plugin Manager -> Make sure SJ Content Related News is enabled. This is SJ Content Related News configuration below:

SJ Content Related News

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 Sport Store demo

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

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 Sport Store 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:

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 - Home

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - Top videos (1)

BACKEND - Latest News (2)

4.2.2 Mega Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.3 Custom HTLM

There are several positions that use Custom HTML module. Here we will configure an example. Let take "Top menu" at position top 1, others will be the same.

Module Position - Module Suffix

Position: top1
Suffix: blank

Frontend - Backend

FRONTEND - Top Menu
BACK END

CUSTOM CODE: Top Menu

                                                                        
<ul class="menu _menutop">
<li><a class="my_account" href="/component/jshopping/?controller=user&task=editaccount&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Account</a></li>
<li><a class="my_wishlist" href="/component/jshopping/?controller=wishlist&task=&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Wishlist</a></li>
</ul>

4.2.4 Smart Search Module

Module Position - Module Suffix

Position: top2
Suffix: Not used

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.5 Jshopping Cart

Module Position - Module Suffix

Position: top2
Suffix: Not used

Frontend - Backend

FRONTEND - Jshopping Cart
BACK END

4.2.6 SJ Dynamic Slideshow

Module Position - Module Suffix

Position: position 0
Suffix: dynamic-slideshow

Frontend - Backend

FRONTEND - SJ Dynamic Slideshow
BACK END

NOTE: Please go HERE to view more SJ Dynamic Slideshow User-guide

4.2.7 SJ Product for JoomShopping

Module Position - Module Suffix

Position: Position 5
Suffix: title4 latest-product

Frontend (demo layout above) - Backend

FRONTEND - New Product
BACK END

4.2.8 SJ News Fontpage

Module Position - Module Suffix

Position: Position 16
Suffix: title4-sj-fontpage

Frontend - Backend

FRONTEND - Featured Technology
BACK END

4.2.9 SJ Responsive Listing for JoomShopping

There are several positions that use SJ Responsive Listing for JoomShopping module. Here we will configure an example. Let take "Bike" at Position 15, others will be the same.

Module Position - Module Suffix

Position: Position 15
Suffix: blank responsive-listing

Frontend - Backend

FRONTEND - Bikes
BACK END

4.2.10 Banner Module

Module Position - Module Suffix

Position: Position 15
Suffix: banne-health blank

Frontend - Backend

FRONTEND - Banner
BACK END

4.2.11 SJ Slider

Module Position - Module Suffix

Position: Position 8
Suffix: blank sj-content-slider

Frontend (demo layout above) - Backend

FRONTEND - Slider
BACK END

4.2.12 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Get Help" at Position 11, others will be the same.

Module Position - Module Suffix

Position: Position 11
Suffix: _menufoot@book

Frontend - Backend

FRONTEND - Menu: Get Help
BACK END

4.2.13. Other Extensions

4.2.13.1. Jshopping Bestseller Products

Module Position - Module Suffix

Position: mega 6
Suffix: best-seller

Frontend - Backend

FRONTEND - Best Seller
BACK END

4.2.13.2. Jshopping Categories

Module Position - Module Suffix

Position: Position 7
Suffix: _menu

Frontend - Backend

FRONTEND - Categories
BACK END

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.

Tagged under

Friday, 19 July 2013 00:00

SJ Financial Template Userguide

Published in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Financial and extensions included in this template step by step.
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 Finacial 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, Kunena 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

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Financial to download

STEP 4: Under SJ Financial -> Download packages as you want

2. SJ Financial -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 Financial as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Financial Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

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. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes and Yt Core.
- 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:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

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 Financial demo

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

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 Financial 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 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 Menu - Joomla Pages

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Menu - K2

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Companies

Menu Item Type

Menu Item Type: Single Article

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Login Module

Module Position - Module Suffix

Position: topmenu
Suffix: blank

Frontend - Backend

FRONTEND - Login Form
BACK END

4.2.6 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Top Menu" at topmenu, others will be the same.

Module Position - Module Suffix

Position: topmenu
Suffix: blank

Frontend - Backend

FRONTEND - Top Menu
BACK END

4.2.7 Smart Search Module

Module Position - Module Suffix

Position: topmenu
Suffix: blank

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.8 Custom HTML Module

Module Position - Module Suffix

Position: topbanner
Suffix: blank

Frontend - Backend

FRONTEND - Top Banner
BACK END

<img class="icon pull-left" src="/images/demo/ad-2.png" border="0" style="margin-top: 8px;" />
<h1>Investor Relations</h1>

<img class="icon pull-left" src="/images/demo/ad-1.png" border="0" />
Buying a home is one of the most important decisions you'll make.

4.2.9 Custom HTML Module

Module Position - Module Suffix

Position: slideshow
Suffix: clear

Frontend - Backend

FRONTEND - WorldIndex
BACK END

<ul class="listinline smallFontSize worldIndex">
<li>CNOOC <a class="up" href="#">+0.14% </a></li>
<li>CCB <a class="down" href="#">-0.16%</a></li>
<li>CHINA MOBILE <a class="up" href="#">+0.12%</a></li>
<li>LENOVO GROUP <a class="down" href="#">-1.01%</a></li>
<li>HENGAN INT'L <a class="up" href="#">+0.50%</a></li>
<li>CHINA SHENHUA <a class="down" href="#">-1.11% </a></li>
</ul>


*Index is at least 15-minute delayed |<a class="linkIsland" href="#"> Disclaimer </a>

4.2.10 Custom HTML Module

Module Position - Module Suffix

Position: top1
Suffix: "bgcolor1"

Frontend - Backend

FRONTEND - CEO Bank1
BACK END

 
<img src="/images/demo/ceo-1.png" border="0" />
<h5>Bhamo-CEO Bank</h5>
Borem ipsum dolor sit amet nectuer

Note: The position "top2; top3; top4" configure the same.

4.2.11 SJ News Scroller Module

Module Position - Module Suffix

Position: top5
Suffix: clear

Frontend - Backend

FRONTEND - News Scroller
BACK END

4.2.12 Sj News Extra Slider Module

There are several positions that use SJ News Extra Slider module. Here we will configure an example. Let take "Top News" at top6, others will be the same.

Module Position - Module Suffix

Position: top6
Suffix: nox7 topNews

Frontend - Backend

FRONTEND - Top News
BACK END

4.2.13 Stock Data - Custom HTML Module

Module Position - Module Suffix

Position: top7
Suffix: blank

Frontend - Backend

FRONTEND - Stock Data
BACK END

4.2.14 SJ News Extraslider Module

Module Position - Module Suffix

Position: top8
Suffix: "clear"

Frontend - Backend

FRONTEND - SJ News Extraslider
BACK END

4.2.15 SJ Mega News Module

Module Position - Module Suffix

Position: mainbottom1
Suffix: clear

Frontend - Backend

FRONTEND - Companies
BACK END

4.2.16 SJ Module Tabs

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Backend

FRONTEND - Popular Articles
BACK END

4.2.17 SJ Video Box Module

Module Position - Module Suffix

Position: right
Suffix: box8

Frontend - Backend

FRONTEND - Top Video
BACK END

4.2.18 Custom HTML Module

Module Position - Module Suffix

Position: bottom1
Suffix: "boxSolid marginBottom60"

Frontend - Backend

FRONTEND - Dekar Company
BACK END

<img src="/images/demo/dekar-company.png" border="0" />
Coongten enim minim veniam, quis nostrud exercitation ullamco Hity laboris commodo evando diaago const event »


<h1 class="discount">40% Discount for Members</h1>

4.2.19 Custom HTML Module

Module Position - Module Suffix

Position: bottom2
Suffix: "@bar-chart"

Frontend - Backend

FRONTEND - Stock Information
BACK END

 
<h3 class="modtitle">Stock Information</h3>
Incidunt ut labore et dolore magnam aliquam quaerat voluptatem

Note: The position "bottom3; bottom4" configure the same.

4.2.20 Menu Module

Module Position - Module Suffix

Position: bottom5
Class Suffix: "clear titleinline "

Frontend - Backend

FRONTEND - Finance Worldwide
BACK END

4.2.21 Smart Search Module

Module Position - Module Suffix

Position: bottom6
Class Suffix: "clear"

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.22 SJ Gallery Pro Module

Module Position - Module Suffix

Position: bottom7
Suffix: title-blank ico-camera

Frontend - Backend

FRONTEND - Gallery
BACK END

4.2.23 Menu Module

Module Position - Module Suffix

Position: bottom7
Class Suffix: "clear titleinline "

Frontend - Backend

FRONTEND - Support
BACK END

Note: The position "bottom7-About configure the same.

4.2.24 Custom HTML Module

Module Position - Module Suffix

Position: bottom8
Class Suffix:

Frontend - Backend

FRONTEND - Sections
BACK END

        
<ul class="menu ">
<li class="item-243"><a href="#">Politics benlety cagoaky </a></li>
<li class="item-234"><a href="#">Debt Crisis Live </a></li>
<li class="item-244"><a href="#">Investigative </a></li>
<li class="item-296"><a href="#">Entertainment </a></li>
<li class="item-773"><a href="#">Money Transfers</a></li>
<li class="item-400"><a href="#">Technology company </a></li>
<li class="item-400"><a href="#">Transport </a></li>
<li class="item-400"><a href="#">Media and Telecoms </a></li>
</ul>

Note: The position "bottom9" configure the same.

4.2.25 SJ Basic News Module

Module Position - Module Suffix

Position: bottom10
Suffix: clear

Frontend - Backend

FRONTEND - Financial Story
BACK END

4.2.26 SJ Twitter Module

Module Position - Module Suffix

Position: bottom11
Suffix: box-opacity

Frontend - Backend

FRONTEND - Follow Financial on Twitter
BACK END

4.2.27 Custom HTML Module

Module Position - Module Suffix

Position: footer
Class Suffix:

Frontend - Backend

FRONTEND - Social Networking
BACK END

[social type="facebook" style="flat" color="Yes"]http://www.facebook.com/SmartAddons.page [/social]
[social type="twitter" style="flat" color="Yes" ]https://twitter.com/#!/smartaddons [/social]
[social type="google-plus" style="flat" color="Yes" ]https://plus.google.com/u/0/103151395684525745793/posts [/social]
[social type="rss" style="flat" color="Yes"]https://www.smartaddons.com[/social]

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!

Tagged under

Friday, 05 July 2013 09:59

SJ Tech Template Userguide

Published in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Tech and extensions included in this template step by step.
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 Tech 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

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Tech to download

STEP 4: Under SJ Tech -> Download packages as you want

2. SJ Tech -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 Tech as default template

SET DEFAULT

2.2 Configuration

All of parameters of SJ Tech Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

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. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes, Yt Core 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:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

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 Tech demo

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

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 Tech 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 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 Menu - Joomla

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Menu - K2

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Tech News

Menu Item Type

Menu Item Type: Categories

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Login Module

Module Position - Module Suffix

Position: top-1
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.6 Smart Search Module

Module Position - Module Suffix

Position: top-2
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.7 Custom HTML Module

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

Module Position - Module Suffix

Position: position-0
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.8 SJ K2 Scroller Module

Module Position - Module Suffix

Position: position-5
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.9 SJ K2 Content Module

There are several positions that use SJ K2 Content module. Here we will configure an example. Let take "Latest News" at position-6, others will be the same.

Module Position - Module Suffix

Position: position-6 (first)
Suffix: latest-news

Frontend (demo layout above) - Back End

BACK END

4.2.10 Sj K2 Mega News Module

Module Position - Module Suffix

Position: position-5
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.11 SJ Video Box Module

Module Position - Module Suffix

Position: position-7
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.12 SJ K2 Accordion Module

Module Position - Module Suffix

Position: position-7
Suffix: title1 yt-accordion

Frontend (demo layout above) - Back End

BACK END

4.2.13 Menu Module

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

Module Position - Module Suffix

Position: position-11
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's all about homepage configuration.

Tagged under

Monday, 10 June 2013 09:12

SJ Plus Template Userguide

Published in Template User-Guides

Notes
1 Requirement
2 Download Template
3 Quickstart Installation
4 Manual Installation
5 Template Setting

The guide will help you install SJ Plus and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.

Important Notes
I. Requirement
II. Download Template and Extensions
III. Quickstart Installation
IV. Manual Installation
V. Template setting
VI. Upgrade
VII. Template Structure

Important Notes

I. REQUIREMENT

Your systems meet the following requirements before proceeding the installation

Compatible with Joomla! 2.5 and Joomla! 3.3
YT Framwork v2.0, if using Quickstart, it is included
Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

II. DOWNLOAD

1. Download Template and Extensions

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Free Joomla Templates

STEP 3: Under Free Templates, click SJ Plus to download

STEP 4: Under SJ Plus -> Download packages as you want

III. QUICKSTART INSTALLATION

3.1 Configuration

Select language:
Main Configuration:

Enter the required information of your site: sitename, email, admin username and password...

3.2. Database Configuration

3.3. Install Sample Data

If you install sample data, you will have a site like our demo. If you select default sample data, you will a fresh site site

3.4. Remove or Rename the Installation folder

The final step is removing or renaming the Installation folder

IV. MANUAL INSTALLATION

4.1. SJ Plus -Installation and Configuration

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 Plus as default template

SET DEFAULT

4.2. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework, Yt Shortcodes 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

4.2.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

4.2.2 Configuration of Yt Framework

After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:

YT FRAMEWORK

Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template

SJ HELP

4.3 Other Extensions - Installation and Configuration

After creating articles and data..., you have to install and configure extensions

4.3.1 Install

4.3.1.1 List of extensions used in SJ Plus demo

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

4.3.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.3.2. Configuration

After installing extensions which are included in the SJ Plus 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.3.2.1 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.3.2.2 Menu - Joomla Pages

Menu Item Type

Menu Item Type: External URL

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.3.2.3 Menu - K2

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.3.2.4. Custom HTML Module

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

Module Position - Module Suffix

Position: social
Suffix: balnk

Frontend - Backend

FRONTEND - Get Social
BACK END

4.3.2.5 Smart Search Module

Module Position - Module Suffix

Position: search
Suffix: blank

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.3.2.6. SJ Carousel Module

Module Position - Module Suffix

Position: slideshow
Suffix: blank

Frontend - Backend

FRONTEND - SJ Carousel
BACK END

4.3.2.7. SJ Module Tabs

Module Position - Module Suffix

Position: left
Suffix: blank

Frontend - Back End

FRONTEND - SJ Tabs
BACK END

4.3.2.8. SJ Content Accordion Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Back End

FRONTEND - Hot Stories
BACK END

4.3.2.9. Sj Basic News Module

Module Position - Module Suffix

Position: left
Suffix: title1

Frontend - Back End

FRONTEND - Featured Posts
BACK END

4.3.2.10 Latest News Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Back End

FRONTEND - About Joomla
BACK END

4.3.2.11. Login Form Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend - Back End

FRONTEND - Login Form
BACK END

4.3.2.12 Who's Online Module

Module Position - Module Suffix

Position: right
Suffix: bg-content1

Frontend - Back End

FRONTEND - Who's Online
BACK END

Footer

Now there are some HTML and Menu module as our demo. You can try some other ones.

That's all about homepage configuration.

V. SETTINGS

5.1 Configuration

All of parameters of SJ Plus Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

5.2 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

VI. UPGRADE

YT Framework v2 is upgradeable. When we release new versions of YT Framework, older templates that are built from YT Framework v2 will be able to take advantage of all the new features and changes. Just by one click, you will be owned the newest version of YT Framework.

VII. TEMPLATE STRUCTURE

Please insert here

Tagged under

Thursday, 11 April 2013 21:22

YT News Template Userguide

Published in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install YT News and extensions included in this template step by step.
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. YT News Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla! 2.5
Some premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Free Joomla Templates

STEP 3: Under Free Templates, click YT News to download

STEP 4: Under YT News -> Download packages as you want

2. YT News -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 YT News as default template

2.2 Configuration

The parameters of YT News Template are divided into the following groups:

Global Settings
Main Body Column Settings
Layout Settings
Styles Settings
Top Menu Settings
Content Component
Advanced Options

GLOBAL SETTINGS

Generator tag - Generate tag for your template
Template Width Type - Allow to choose pixel or %
Template Width - Allow to set width
Hide Main Content Block - Allow to hide Content Component on Homepage
Direction - Choose direction of language: RTL/LTR
Logo Type - Choose your logo type: image OR text
Logo Text - Set text for Text type of logo
Slogan - Set your Website slogan here

MAIN BODY COLUMN SETTINGS

Main Body Width Type - Allow to choose pixel or %
Main Width - Allow to set width of main column
Left Width - Allow to set width of left column
Right Width - Allow to set width of right column

LAYOUT SETTINGS

Default Mode View - Allow to choose mobile or PC layout
Window Layout - Allow to choose layout used with PC
Mobile Layout - Allow to choose layout used with mobile
IPhone Layout - Allow to choose layout used with IPhone
Android Layout - Allow to choose layout used with Android
Handheld Layout - Allow to choose layout used with other mobiles
Overwrite Windows Layout - Used with window mode, when you want to use another layout for a menu. Syntax:
- Itemid1:Layout_Name1 | Itemid2:Layout_Name2 | ...
With:
- Itemid1, Itemid2...: Id of Menus. You can see these in Menu Item Manager
- Layout_Name1, Layout_Name2...: The name of layout. You can see these in templates/{this_template_name}/layouts folder. NOTE: remove .xml extension

STYLE SETTINGS

Default Style - Allow to choose a style from 4 available ones
Default Font Size - Allow to choose default font size
Default Font-Family - Allow to choose a font-family from 13 available ones. The default one is Arial
Google Font-Family - Allow to choose a google font-family used for html tags which are in Affected Selectors parameter below
Affected Selectors - Tag names will be applied with google font, comma seperated

TOP MENU SETTINGS

Default Type Menu - Allow to choose default menu type shown with template, this list is gotten from Menu Manager
Default Menu Style - We support 4 styles for Menus
- CSS Menu
- Moo Menu
- Mega Menu
Use JS for Dropline Menu - Allow to use JS effect for Dropline Menu OR not
Javascript Effect - Allow to select which JS Effect used with Moo Menu and Mega Menu
Duration Effect - Set time before showing any submenus
Start Level - Set level of menu to start rendering the menu
End Level - Set level of menu to stop rendering the menu

CONTENT COMPONENT

Apply for Blog View - Allow to show the Content block at blog pages OR not
Apply for Frontpage view - Allow to show at Frontpage view OR not
Leading Images Width - Set width of images of Leading Articles
Leading Images Height - Set height of images of Leading Articles
Intro Images Width - Set width of images of Intro Articles
Intro Images Height - Set height of images of Intro Articles
Thumbnail Background Color - Set color background for thumbnail images
Thumbnail Mode - Set thumbnail mode:
- Fill
- Fit
- Stretch
- Center

ADVANCED OPTIONS

Show Cpanel - Allow you to show YT Framework Control panel OR not
Override Logo Image - Allow you to choose new image link
Enable jquery - Enable/disable jquery
Enable Google Analytics - Enable/disable Google Analytics
Enter your Google Analytics tracking ID - Copy and paste your Google Analytics tracking ID here
Optimize Merge File - Choose Yes to optimize all CSS and JS Files which are used in your website
Optimize CSS - Choose Yes to optimize only CSS files
Optimize CSS Exclude - CSS files which are not optimized, comma separated
Optimize JS - Choose Yes to optimize only JS files
Optimize JS Exclude - JS files which are not optimized, comma separated
Optimize Folder - A specific folder with Css/Js files need to be optimized
Optimize HTML - Choose Yes to optimize HTML also

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Plugin, SJ Core and YT Extra Params 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 Extra Param help to set up Mega Menu.

3.1 Installation

Now you install YT Extra Params, 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 Yt Plugin (for Yt Framework) and YT Extra Param 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 configure Yt Plugin:

TO YT PLUGIN

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 YT News demo

You can find a list of modules/plugins/components which are used in YT News

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 YT News 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:

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 - Home

Menu Item Type

Menu Item Type: Featured Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.2 Mega Menu - Feature

Menu Item Type

Menu Item Type: External URL

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.3 Mega Menu - Sports

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.4 SJ News Splash

Module Position - Module Suffix

Position: top1
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.5 Login Module

Module Position - Module Suffix

Position: top2
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.6 Banners Moudule

Module Position - Module Suffix

Position: header2
Suffix: clear

Frontend (demo layout above) - Backend

BACKEND

4.2.7 Smart Search

Module Position - Module Suffix

Position: nav2
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.8 Breadcrumb

Module Position - Module Suffix

Position: breadcrumb
Suffix: balnk

Frontend (demo layout above) - Backend

BACKEND

4.2.9 Sj News Frontpage

Module Position - Module Suffix

Position: content-top
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.10 SJ Multi Video

Module Position - Module Suffix

Position: left-right-top
Suffix: _video

Frontend (demo layout above) - Backend

BACKEND

4.2.11 SJ News Content

Module Position - Module Suffix

Position: content-bottom
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.12 SJ Module Tabs

Module Position - Module Suffix

Position: left-right-top
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.13 SJ Basic News Module

Module Position - Module Suffix

Position: user14
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.14 Menu Module

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

Module Position - Module Suffix

Position: left
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.15 SJ Hot Topic Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.16 Who's Online Module

Module Position - Module Suffix

Position: right
Suffix: blank

Frontend (demo layout above) - Backend

BACKEND

4.2.17 Sponsored Ads - Custom HTML

Module Position - Module Suffix

Position: left-right-bottom
Suffix: _blank

Frontend (demo layout above) - Backend

BACKEND

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.

Tagged under

Thursday, 11 April 2013 21:21

SJ Real Estate Template Userguide

Published in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install SJ Real Estate and extensions included in this template step by step.
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

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Real Estate to download

STEP 4: Under SJ Real Estate --> Download packages as you want

1.2 Used for single product purchased via e-cart

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

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

GLOBAL SETTINGS

Generator tag - Generate tag for your template
Template Width Type - Allow to choose pixel or %
Template Width - Allow to set width
Hide Main Content Block - Allow to hide Content Component on Homepage
Direction - Choose direction of language: RTL/LTR
Logo Type - Choose your logo type: image OR text
Logo Text - Set text for Text type of logo
Slogan - Set your Website slogan here

MAIN BODY COLUMN SETTINGS

Main Body Width Type - Allow to choose pixel or %
Main Width - Allow to set width of main column
Left Width - Allow to set width of left column
Right Width - Allow to set width of right column

LAYOUT SETTINGS

Default Mode View - Allow to choose mobile or PC layout
Window Layout - Allow to choose layout used with PC
Mobile Layout - Allow to choose layout used with mobile
IPhone Layout - Allow to choose layout used with IPhone
Android Layout - Allow to choose layout used with Android
Handheld Layout - Allow to choose layout used with other mobiles
Overwrite Windows Layout - Used with window mode, when you want to use another layout for a menu. Syntax:
- Itemid1:Layout_Name1 | Itemid2:Layout_Name2 | ...
With:
- Itemid1, Itemid2...: Id of Menus. You can see these in Menu Item Manager
- Layout_Name1, Layout_Name2...: The name of layout. You can see these in templates/{this_template_name}/layouts folder. NOTE: remove .xml extension

STYLE SETTINGS

Site Style - Allow to choose a style from 5 styles available
Default Font Size - Allow to choose default font size
Default Font-Family - Allow to choose a font-family from 13 available ones. The default one is Arial
Google Font-Family - Allow to choose a google font-family used for html tags which are in Affected Selectors parameter below

TOP MENU SETTINGS

Default Type Menu - Allow to choose default menu type shown with template, this list is gotten from Menu Manager
Default Menu Style - We support 3 styles for Menus
- CSS Menu
- Moo Menu
- Mega Menu
Use JS for Dropline Menu - Allow to use JS effect for Dropline Menu OR not
Javascript Effect - Allow to select which JS Effect used with Moo Menu and Mega Menu
Duration Effect - Set time before showing any submenus
Start Level - Set level of menu to start rendering the menu
End Level - Set level of menu to stop rendering the menu

CONTENT COMPONENT

Apply for Blog View - Allow to show the Content block at blog pages OR not
Apply for Frontpage view - Allow to show at Frontpage view OR not
Leading Images Width - Set width of images of Leading Articles
Leading Images Height - Set height of images of Leading Articles
Intro Images Width - Set width of images of Intro Articles
Intro Images Height - Set height of images of Intro Articles
Thumbnail Background Color - Set color background for thumbnail images
Thumbnail Mode - Set thumbnail mode:
- Fill
- Fit
- Stretch
- Center

ADVANCED OPTIONS

Show Cpanel - Allow you to show YT Framework Control panel OR not
Override Logo Image - Allow you to choose new image link
Enable jquery - Enable/disable jquery
Enable Google Analytics - Enable/disable Google Analytics
Enter your Google Analytics tracking ID - Copy and paste your Google Analytics tracking ID here
Optimize Merge File - Choose Yes to optimize all CSS and JS Files which are used in your website
Optimize CSS - Choose Yes to optimize only CSS files
Optimize CSS Exclude - CSS files which are not optimized, comma separated
Optimize JS - Choose Yes to optimize only JS files
Optimize JS Exclude - JS files which are not optimized, comma separated
Optimize Folder - A specific folder with Css/Js files need to be optimized
Optimize HTML - Choose Yes to optimize HTML also

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

After installing Yt Plugin, go to Extension -> Plug-in Manager and choose to configure Yt Plugin:

TO YT PLUGIN

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

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:

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 - Features

Menu Item Type

Menu Item Type: Text Separator

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.2 Mega Menu - Service

Menu Item Type

Menu Item Type: Text Separator

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.3 Mega Menu - Login Form

Menu Item Type

Menu Item Type: Login Form

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.4 SJ Content Mega Slider

Module Position - Module Suffix

Position: slide_show
Suffix: blank

Frontend - Backend

FRONTEND - SJ Content Mega Slider
BACK END

4.2.5 SJ Content Slideshow

Module Position - Module Suffix

Position: user3
Suffix: badge-featured

Frontend - Backend

FRONTEND - SJ Content Slideshow
BACK END

4.2.6 SJ News Ajax Tabs

Module Position - Module Suffix

Position: user4
Suffix: blank

Frontend - Backend

FRONTEND - SJ News Ajax Tabs
BACK END

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.

Module Position - Module Suffix

Position: right
Suffix: bg_color

Frontend (demo layout above) - Backend

FRONTEND - Latest news
BACK END

4.2.8 Banners Module

Module Position - Module Suffix

Position: right
Suffix: clear

Frontend - Backend

FRONTEND - Banners Module
BACK END

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.

Module Position - Module Suffix

Position: user10
Suffix: blank

Frontend - Backend

FRONTEND - Company
BACK END

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.

Module Position - Module Suffix

Position: user12
Suffix: blank

Frontend (demo layout above) - Backend

FRONTEND - Follow us
BACK END

4.2.11 Footer Module

Module Position - Module Suffix

Position: copyright
Suffix: blank

Frontend - Backend

FRONTEND - Footer Module
BACK END

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.

Tagged under

Thursday, 04 April 2013 11:41

Smart News Userguide

Published in Template User-Guides

Notes
1 Download
2 Template
3 Core Plugins
4 Other Extensions
- Install
- Configuration

The guide will help you install Smart News template and extensions included in this template step by step.
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. Smart News Template - Installation and Configuration
3. Imperative Plugins - Installation and Configuration
4. Other Extensions - Installation and Configuration

Important Notes

Requirement:

Joomla! 1.7 or 2.5
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

STEP 2: Go to Download -> Free Joomla Templates or Joomla Templates Club

STEP 3: Under Free Joomla Templates, click Smart News to download

STEP 4: Under Smart News -> Download packages as you want

1.2 Used for single product purchased via e-cart

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

2. Smart News -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 Smart News as default template

2.2 Configuration

The parameters of Smart News Template are divided into the following groups:

Global Settings
Main Body Column Settings
Layout Settings
Style Settings
Top Menu Settings
Content Component Settings
Advanced Options

GLOBAL SETTINGS

Generator tag - Generate tag for your template
Template Width Type - Allow to choose pixel or %
Template Width - Allow to set width
Hide Main Content Block - Allow to hide Content Component on Homepage
Direction - Choose direction of language: RTL/LTR
Logo Type - Choose your logo type: image OR text
Logo Text - Set text for Text type of logo
Slogan - Set your Website slogan here

MAIN BODY COLUMN SETTINGS

Main Body Width Type - Allow to choose pixel or %
Main Width - Allow to set width of main column
Left Width - Allow to set width of left column
Right Width - Allow to set width of right column

LAYOUT SETTINGS

Default Mode View - Allow to choose mobile or PC layout
Window Layout - Allow to choose layout used with PC
Mobile Layout - Allow to choose layout used with mobile
IPhone Layout - Allow to choose layout used with IPhone
Android Layout - Allow to choose layout used with Android
Handheld Layout - Allow to choose layout used with other mobiles
Overwrite Windows Layout - Used with window mode, when you want to use another layout for a menu. Syntax:
- Itemid1:Layout_Name1 | Itemid2:Layout_Name2 | ...
With:
- Itemid1, Itemid2...: Id of Menus. You can see these in Menu Item Manager
- Layout_Name1, Layout_Name2...: The name of layout. You can see these in templates/{this_template_name}/layouts folder. NOTE: remove .xml extension

STYLE SETTINGS

Default Style - Allow to choose a style from 6 available ones
Default Font Size - Allow to choose default font size
Default Font-Family - Allow to choose a font-family from 13 available ones. The default one is Arial
Google Font-Family - Allow to choose a google font-family used for html tags which are in Affected Selectors parameter below
Affected Selectors - Tag names will be applied with google font, comma seperated

TOP MENU SETTINGS

Default Type Menu - Allow to choose default menu type shown with template, this list is gotten from Menu Manager
Default Menu Style - We support 4 styles for Menus
- CSS Menu
- Moo Menu
- Mega Menu
- Dropline Menu
Use JS for Dropline Menu - Allow to use JS effect for Dropline Menu OR not
Javascript Effect - Allow to select which JS Effect used with Moo Menu and Mega Menu
Duration Effect - Set time before showing any submenus
Start Level - Set level of menu to start rendering the menu
End Level - Set level of menu to stop rendering the menu

CONTENT COMPONENT

Apply for Blog View - Allow to show the Content block at blog pages OR not
Apply for Frontpage view - Allow to show at Frontpage view OR not
Leading Images Width - Set width of images of Leading Articles
Leading Images Height - Set height of images of Leading Articles
Intro Images Width - Set width of images of Intro Articles
Intro Images Height - Set height of images of Intro Articles
Thumbnail Background Color - Set color background for thumbnail images
Thumbnail Mode - Set thumbnail mode:
- Fill
- Fit
- Stretch
- Center

ADVANCED OPTIONS

Show Cpanel - Allow you to show YT Framework Control panel OR not
Override Logo Image - Allow you to choose new image link
Enable jquery - Enable/disable jquery
Enable Google Analytics - Enable/disable Google Analytics
Enter your Google Analytics tracking ID - Copy and paste your Google Analytics tracking ID here
Optimize Merge File - Choose Yes to optimize all CSS and JS Files which are used in your website
Optimize CSS - Choose Yes to optimize only CSS files
Optimize CSS Exclude - CSS files which are not optimized, comma separated
Optimize JS - Choose Yes to optimize only JS files
Optimize JS Exclude - JS files which are not optimized, comma separated
Optimize Folder - A specific folder with Css/Js files need to be optimized
Optimize HTML - Choose Yes to optimize HTML also

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.

3.1 Installation

STEP 1: In Administrator on Joomla! v2.5.x, go to Extensions -> Extension Manager
On this page, click Choose File button, choose plugin file plg_content_sj_relatednews.zip (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)

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 configure Yt Plugin:

TO YT PLUGIN

Configure Yt Pluginto show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials

SHOWING SJ HELP

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 Smart News demo

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

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 Smart News 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:

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 - Features

Menu Item Type

Menu Item Type: Text Separator

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.2 Mega Menu - Travel

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.3 Mega Menu - Sport

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.4 Mega Menu - Health

Menu Item Type

Menu Item Type: Category Blog

Frontend - Back End

FRONTEND

BACK END - YT MENU PARAMS

BACK END - TREE OF MENUS

4.2.5 Login Form

Module Positon

Position: header1
Suffix: blank

Frontend - Back End

FRONTEND - Login

BACK END

4.2.6 Search

Module Positon

Position: header2
Suffix: blank

Frontend - Back End

FRONTEND - Search
BACK END

4.2.7 SJ News Splash

Module Position - Module Suffix

Position: user 3
Suffix: blank

Frontend - Back End

FRONTEND - SJ News Splash
BACK END

4.2.8 SJ News Frontpage

Module Position - Module Suffix

Position: user 4
Suffix: blank

Frontend - Back End

FRONTEND - SJ News Frontpage
BACK END

4.2.9 SJ Module Tabs

Module Position - Module Suffix

Position: user 5
Suffix: blank

Frontend - Back End

FRONTEND - SJ Module Tabs
BACK END

4.2.10 SJ Basic News

Module Position - Module Suffix

Position: user 14
Suffix: heath

Frontend - Back End

FRONTEND - SJ Basic News
BACK END

4.2.11 SJ Article Slider

There are several positions (user 6 and user 10) that use SJ Article Slider module. Here we will configure an example. Let take "user 10" position, others will be the same.

Module Position - Module Suffix

Position: user 6
Suffix: blank

Frontend - Back End

FRONTEND - SJ Article Slider
BACK END

4.2.12 Breadcrumbs Modules

Module Position - Module Suffix

Position: breadcrumb
Suffix: blank

Frontend (demo layout above) - Back End

BACK END

4.2.13 SJ Content Accordion Module

Module Position - Module Suffix

Position: right (first)
Suffix: clear

Frontend - Back End

FRONTEND - SJ Conent Accordion
BACK END

4.2.14 SJ Mega News II

Module Position - Module Suffix

Position: mega-news-3c
Suffix: blank

Frontend - Back End

FRONTEND - SJ Mega News II
BACK END

4.2.15 SJ Content Simple Tabs Module

Module Position - Module Suffix

Position: other-module (ytmod-outline)
Suffix: Not Used

Frontend - Back End

FRONTEND - SJ Content Simple Tabs
BACK END

4.2.16 SJ Content Category Module

Module Position - Module Suffix

Position: user 11
Suffix: blank

Frontend - Back End

FRONTEND - SJ Content Category
BACK END

4.2.17 Custom HTML

Module Position - Module Suffix

Position: user 12
Suffix: blank

Frontend - Back End

FRONTEND - Follow us
BACK END

4.2.18 Footer

Now there are one Menu module placed in this position. You can try some other ones.

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.

Tagged under

Thursday, 22 December 2016 09:13

Download 25 High-Quality Free Christmas Vector Graphics 2016

Published in Freebies

Ho ho ho, Christmas is getting close!

Today, we bring you 25 beautiful and high-quality Christmas vector graphics related to Santa Clause, Christmas background, tree, icons, labels and snowflakes. All of the files are totally FREE for downloading and using for your project or personal purpose in the Christmas season. Let's fly your creation with the following Christmas goodies!

Tagged under

Monday, 19 December 2016 17:57

Christmas & New Year Sale: Save 30% OFF Everything & Get Exclusive Xmas Gifts

Published in News & Updates

Christmas is coming to town!

To warm up the festive and holiday season, SmartAddons would like to send you attractive FREE Xmas presents and offers a special coupon with a massive 30% OFF on all purchases at SmartAddons Store.

Christmas 2016 promotion starts on December 20 and ends on December 27! A week only! So don't miss out this great chance.

Tagged under

Page 16 of 21

Sarah

SJ Decou Template Userguide

1. REQUIREMENT - Back to top

2. HOW TO DOWNLOAD - Back to top

2.1 Download Packages from our store:

2.2 Download packages from 3rd Parties:

3. HOW TO INSTALLATION - Back to top

3.1 Installation with Quickstart Package

3.2 Installation without Quickstart Package

4. HOW TO CONFIGURATION - Back to top

4.1 Modules Positions

4.2 Template Configuration

OVERVIEW

GENERAL

LAYOUT

MENU

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

4.3 Menu Configuration

4.3.1. Megamenu Configuration

4.3.2. Menu Item Backend Settings

4.4 Extension Configuration

4.4.1. Program - Custom HTML Module

4.4.2. Flight Schedules - Custom HTML Module

4.4.3. Place of the Month - SJ K2 Extra Slider Module

4.4.4. Video- SJ Video Box Module

4.4.5. Decou Stories - SJ K2 Extra Slider Module

4.4.6. Decou Blog - SJ K2 Extra Slider Module

4.4.7. Search - SJ Smart Search Module

4.4.8. Contact us - Custom HTML Module

4.4.9. Connect with us - Custom HTML Module

4.4.10. About us - Custom HTML Module

4.4.11. Easy Access - Custom HTML Module

4.4.12. Book Menu - Menu Module

4.4.13. Connect - Custom HTML Module

SJ Sport Store Template User Guide

Contents

Important Notes

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Sport Store to download

STEP 4: Under SJ Sport Store --> Download packages as you want

1.2 Download 3rd Party Extensions

2. SJ Sport Store -Installation and Configuration

2.1 Installation

2.2 Configuration

OVERVIEW

GENERAL

LAYOUT

MENU

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

3. Imperative Plugins-Installation and Configuration

3.1 Installation

3.2 Configuration of Yt Framework Plugin

3.3 Yt Shortcodes

3.4. SJ Content Related News

4. Other Extensions - Installation and Configuration

4.1 Install

4.1.1 List of extensions used in SJ Sport Store demo

4.1.2 Installation

4.2 Configuration

4.2.1 Mega Menu - Home

4.2.2 Mega Menu - Explore

4.2.3 Custom HTLM

4.2.4 Smart Search Module

4.2.5 Jshopping Cart

4.2.6 SJ Dynamic Slideshow

4.2.7 SJ Product for JoomShopping

4.2.8 SJ News Fontpage

4.2.9 SJ Responsive Listing for JoomShopping

4.2.10 Banner Module

4.2.11 SJ Slider

4.2.12 Menu Module