Friday, 19 July 2013 00:00

SJ Financial Template Userguide

Published in Template User-Guides

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

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

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

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

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)

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

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

Wednesday, 16 November 2016 10:30

Doorbuster Joomla Bundle: 10 Best-selling Items - Just $29 (Save 80%)

Published in News & Updates

Hooray Guys,

The holiday shopping season is near the corner! Do you guess the holiday that we've mentioned? It is a favorite and biggest sale festival in a year, no doubt, the Black Friday. But no need to wait till the official Black Friday to get the big sale offers! SmartAddons is going to run a super bundle on great products with great savings - UP TO 80% OFF.

Tagged under

Monday, 13 June 2016 09:10

Weekly Freebies #1: Get 4 Premium Joomla Templates for FREE

Published in News & Updates

Hooray Guys,

With the aim of giving more chance for all the Joomla lovers to experience Joomla products, from this month we will run the weekly freebie round-up program including our Premium Joomla Templates & Extensions. And this week, we are happy to give you our 04 Premium Templates with the diversified niche for shopping, news/magazine, education and furniture websites. It is totally FREE to download. No more waiting! Let's scroll down to see these Joomla freebies.

Tagged under

Sarah

SJ Financial Template Userguide

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 Financial to download

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

2. SJ Financial -Installation and Configuration

2.1 Installation

2.2 Configuration

OVERVIEW

GENERAL

LAYOUT

MENU

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

3. Imperative Plugins-Installation and Configuration

3.1 Installation

3.2 Configuration of Yt Framework

4. Other Extensions - Installation and Configuration

4.1 Install

4.1.1 List of extensions used in SJ Financial demo

4.1.2 Installation

4.2 Configuration

4.2.1 Menu - Explore

4.2.2 Menu - Joomla Pages

4.2.3 Menu - K2

4.2.4 Mega Menu - Companies

4.2.5 Login Module

4.2.6 Menu Module

4.2.7 Smart Search Module

4.2.8 Custom HTML Module

4.2.9 Custom HTML Module

4.2.10 Custom HTML Module

4.2.11 SJ News Scroller Module

4.2.12 Sj News Extra Slider Module

4.2.13 Stock Data - Custom HTML Module

4.2.14 SJ News Extraslider Module

4.2.15 SJ Mega News Module

4.2.16 SJ Module Tabs

4.2.17 SJ Video Box Module

4.2.18 Custom HTML Module

4.2.19 Custom HTML Module

4.2.20 Menu Module

4.2.21 Smart Search Module

4.2.22 SJ Gallery Pro Module

4.2.23 Menu Module

4.2.24 Custom HTML Module

4.2.25 SJ Basic News Module

4.2.26 SJ Twitter Module

4.2.27 Custom HTML Module

SJ Tech Template Userguide

Contents

Important Notes

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

2.2 Configuration

OVERVIEW

GENERAL

LAYOUT

MENU

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

2.3 Yt Shortcodes

3. Imperative Plugins-Installation and Configuration

3.1 Installation

3.2 Configuration of Yt Framework