January.21.2012

SJ Business Template Userguide

Written by SA Nghiem Diep

Published in Template User-Guides

(0 votes)

The 4-part guideline will help you easily install SJ Business and all extensions included in this template step by step.

1. Download Template and Extensions
2. SJ Business Template - Installation and Configuration
3. Yt Plugin(for Yt Framework) - Installation and Configuration
4. Extensions - Installation and Configuration

1. Download Template and Extensions

STEP 1: LOGIN YOUR ACCOUNT

STEP 2: GO TO YOUR DOWNLOAD AREA

STEP 3: GO TO CATEGORIES OF JOOMLA PRODUCTS

STEP 4: DOWNLOAD SJ BUSINESS TEMPLATE

STEP 5: DOWNLOAD COMMERCIAL EXTENSIONS

STEP 6: DOWNLOAD FREE EXTENSIONS

2. SJ Business Template -Installation and Configuration

2.1 INSTALLATION

In Administrator page on Joomla! v1.7.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose our template and then click Upload & Install
Set SJ Business Template as default template

2.2 CONFIGURATION

The parameters of SJ Business Template are divided into the following areas:

General Settings
MainBody Columns Settings
Layout Settings
Style Settings
Top Menu Settings
Content Component
Advanced Options

GENERAL SETTINGS

Generator tag - Generate tag for your template
Template Width Type - Choose width type of your template
Template Width - Change width of template here
Hide Main content block - Allow to hide content component for home page
Direction - Choose RTL/LTR Language
Logo Type - Choose your logo types: image or text type
Logo Text - For Text Type
Slogan - Change your slogan here

MAINBODY COLUMNS SETTINGS

Main body width type - Choose width type: pixel/percentage
Main width - Change width of main body
Left/Right Width - Change width of Left/Right column

LAYOUT SETTINGS

Default Mode View - We support Mobile View and Window View for your site.
Window layout - When a guest views your website on computer, this layout is used. You can choose the following options for your window layout
- Full
- Main - left - right
- Left - Right - Main
- Main - Left - Right
- Main - right
- Left - main
Mobile Layout - When a guest uses a mobile to view, this layout is used as default
Iphone layout - When a guest views the site on Iphone, this layout is used
Android layout - When a guest views the site on Android System, this layout is used
Handheld layout - When a guest views the site on a Handheld, this layout is used
Overwrite Layouts Windows - This parameter will be used for window mode. When you want to use another layout for a menu, you can use this one. Syntax:
- Id1:Layout_Name1 | Id1:Layout_Name2 | ...
With:
- Id1, Id2...: Id of Menu. You can see the Id column in Menu Item Manager page
- Layout_Name1, Layout_Name2...: The name of layout in templates/sj_business17/layouts folder without tail .xml

STYLE SETTINGS

Default Style - Choose a suitable style for your site. There're 6 different site styles
Default Font Size - Set default size for your template here.
Default Font-Family - Use this parameter to choose font-family for your site. The default font of this template is Arial.
Google Font-Family - This parameter allows you to use a google font for some html tags which are in Affected Selectors
Affected Selectors - Tags will be applied with google font.

TOP MENU SETTINGS

Default Type Menu - Here is the list of menu module
- Mainmenu
- Topmenu
- Usermenu
- Othermenu
- Menu-link
- Keyconcepts
- Validate-menu
Default Menu Style - We support four styles of Menu
- CSS Menu
- Moo Menu
- Mega Menu
- Droplinle Menu
Use JS for Dropline Menu - Choose to use JS effect for Dropline Menu or not
Javascript Effect - JS Effect for Moo Menu, Mega Menu
Duration Effect - Time to change effects
Start Level - Level to start rendering the Menu at
End Level - Level to end rendering the Menu at

CONTENT COMPONENT

Apply for Blog View - Choose to apply for Blog view or not
Apply for Frontpage view - Choose to apply for Frontpage view or not
Leading Images Width - Change width of images of Leading Articles.
Leading Images Height - Change height of images of Leading Articles.
Intro Images Width - Change width of images of Intro Articles.
Intro Images Height - Change height of images of Intro Articles.
Thumbnail Background Color - Set color background for thumbnail image
Thumbnail Mode - Set thumbnail mode
- Fill
- Fit
- Stretch
- Center

ADVANCED OPTIONS

Show Cpanel - Allow you to show/ not to show Cpanel
Override logo image - Change logo image of Cpanel by inserting path of image in code folder or live link of image here
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 CSS/Merge File - Allow to optimize all the CSS/Merge Files which are used in your website
Optimize CSS Exclude - Please insert name of CSS File which you don't want to optimize
Optimize JS - Allow to optimize all the JS Files which are used in your website
Optimize JS Exclude - Please insert name of JS File which you don't want to optimize
Optimize Folder - This is the folder where optimized css/js files are stored
Optimize HTML - Allow to optimize all the HTML Files which are used in your webite

3. Yt Plugin(for Yt Framework) -Installation and Configuration

3.1 INSTALLATION

In Administrator page on Joomla! v1.7.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose the plugin and then click Upload & Install

3.2 CONFIGURATION

After installing Yt Plugin, please to go Extension/Plug-in Manager and then go to config Yt Plugin as below:

GO TO CONFIG PLUGIN

In configuration of Yt Plugin, we support for showing SJ Help with Report Bugs, Template Tutorials, Framework Tutorials

SHOWING SJ HELP

Yt Plugin supports for Optimizing CSS/ JS/ HTML and Mega Menu. You can see part of optimizing CSS/JS/HTML in configuration of SJ Business and supporting for Mega Menu in any Menu Items. Please see the following example:

SUPPORT OPTIMIZING CSS/ JS/ HTML AND MEGA MENU

4. Extensions - Installation and Configuration

4.1 INSTALLATION

4.1.1 List of extensions used in SJ Business demo

You can find a list of modules/plugins which are used in SJ Business on Mega Menu - Extensions

4.1.2 Installation

In Administrator page on Joomla! v1.7.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose an extension and then click Upload & Install
Install all of the rest extensions as above

4.2 CONFIGURATION

After installing extensions which are included in the SJ Business template, please to go Extensions/Module (Plug-in) Manager and then choose the module/plug-in. The following example is Module Manager:

4.2.1 SJ Content Mega Slider Module

Module Position - Module Suffix

Position: slide_show
Suffix: Not Used

Frontend - Backend

FRONTEND - SJ CONTENT MEGA SLIDER

BACKEND - SJ CONTENT MEGA SLIDER

4.2.2 Showing Frontpage at Home Site

This part will help you to show the Frontpage at Home Site. First, go to Menus/ Main Menu/ Home then go to Edit Menu Item - Home

Frontend - Backend

FRONTEND - Showing Frontpage at Home Site

BACKEND - Showing Frontpage at Home Site

4.2.3 SJ News Scrollbar Module

Module Position - Module Suffix

Position: news-scrollbar
Suffix: Not Used

Frontend - Backend

FRONTEND - SJ NEWS SCROLLBAR

BACKEND - SJ NEWS SCROLLBAR

4.2.4 Custom HTML - Follow Us

Module Position - Module Suffix

Position: social
Suffix: Not Used

Frontend - Backend

FRONTEND - Follow Us

BACKEND - Follow Us

4.2.5 SJ News Frontage Module

Module Position - Module Suffix

Position: tabs_right
Suffix: Not Used

Frontend - Backend

FRONTEND - LATEST NEWS

BACKEND - LATEST NEWS

FRONTEND - MOST POPULAR

BACKEND - MOST POPULAR

4.2.6 SJ Module Tabs

Module Position - Module Suffix

Position: right
Suffix: clear

Frontend - Backend

FRONTEND - MODULE TABS

BACKEND - MODULE TABS

4.2.7 SJ News Extra Slider

Module Position - Module Suffix

Position: right
Suffix: clear

Frontend - Backend

FRONTEND - SJ NEWS EXTRA SLIDER

BACKEND - SJ NEWS EXTRA SLIDER

4.2.8 SJ News Basic Module

Module Position - Module Suffix

Position: right
Suffix: title1

Frontend - Backend

FRONTEND - SJ NEWS BASIC

BACKEND - SJ NEWS BASIC

4.2.9 Custom HTML - NewsLetter

Module Position - Module Suffix

Position: right
Suffix: Not Used

Frontend - Backend

FRONTEND - NEWSLETTER

BACKEND - NEWSLETTER

CODE - CUSTOM OUTPUT

<input class="inputbox text_email" type="text" value="Enter Your Email ID" /> <input class="button" type="submit" value="Subscribe" />

4.2.10 SJ Module Tabs - Custom HTML

Module Position - Module Suffix

Position: usera
Suffix: Not Used

Frontend - Backend

FRONTEND - FOLLOW US ANY WHERE

BACKEND - FOLLOW US ANY WHERE

CODE - CUSTOM SUBSCRIBE

Service best customer support
<img src="/images/customhtml/subscribe.png" border="0" />
<a href="#">Click here</a> to sign up to receive news about our services

CODE - CUSTOM TWITTER

Follow us on twitter
<a href="#">Follow our latest activity on all topics from The Asbury Park Press.</a>
<a href="#">Follow The Asbury Park Press on Twitter</a>
<a href="#">See all www.APP.com Twitter offerings</a>

CODE - CUSTOM FACEBOOK

Follow us on facebook
<a href="#">Follow our latest activity on all topics from The Asbury Park Press.</a>
<a href="#">Follow The Asbury Park Press on Twitter</a>
<a href="#">See all www.APP.com Twitter offerings</a>

CODE - CUSTOM MOBILE

Visit our mobile sites
<a href="#">Use your phone to check the latest news, sports, weather and more on m.smartaddons.com.</a>
<a href="#">See how easy it is to connect to m.smartaddons.com</a>
<a href="#">www..smartaddons.com optimized</a>

CODE - CUSTOM RSS

Subscribe to our RSS feeds
<a href="#">Find RSS feeds for the latest New Jersey News news, weather, sports, business, entertainment and more.</a>
<a href="#">Select from all of our RSS offerings</a>

CODE - CUSTOM EMAIL

Singup for our Email newsletter
<a href="#">Get news, sports and features highlights via email.</a>
<a href="#">Click here to select a newsletter or view sample newsletters</a>

4.2.11 Custom HTML - Contact Us

Module Position - Module Suffix

Position: userb
Suffix: Not Used

Frontend - Backend

FRONTEND - CONTACT US

BACKEND - CONTACT US

CODE - CUSTOM OUTPUT

                                              
<ul class="contact">
<li class="address"><a>Nguyen Phuc Lai Street - Dong Da District - Ha Noi City</a></li>
<li class="phone"><a>084 - 00 - 12345678
 084 - 00 - 12345678</a></li>
<li class="email">contact@ytcvn.com</li>
</ul>

4.2.12 SJ Content Slideshow

Module Position - Module Suffix

Position: userc
Suffix: content_slideshow

Frontend - Backend

FRONTEND - SJ CONTENT SLIDESHOW

BACKEND - SJ CONTENT SLIDESHOW

4.2.13 Mega Menu - Features

Menu Item Type

Menu Item Type: Text Separator

Frontend - Backend

FRONTEND - MEGA MENU FEATURES

BACKEND - MEGA MENU FEATURES

4.2.14 Mega Menu - Company

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU COMPANY

BACKEND - MEGA MENU COMPANY

BACKEND - TREE OF MEGA ITEMS

4.2.15 Mega Menu - Extensions

Menu Item Type

Menu Item Type: Text Separator

Frontend - Backend

FRONTEND - MEGA MENU EXTENSIONS

BACKEND - MEGA MENU EXTENSIONS

BACKEND - TREE OF MEGA ITEMS

4.2.16 Mega Menu - NEWS

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU NEWS

BACKEND - MEGA MENU NEWS

BACKEND - LATEST NEWS

BACKEND - CATEGORY

4.2.17 Mega Menu - Services

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU SERVICES

BACKEND - MEGA MENU SERVICES

BACKEND - CUSTOM FOR ANALYTICS

EXAMPLE CODE - CUSTOM OUTPUT FOR ANALYTICS

<img src="/images/BusinessConsultancyOn.png" border="0" style="border: 0; float: left; margin-left: 5px; margin-right: 5px;" />Nullam eget felis id metus luctus semper quis vel nulla. Cras diam mauris, molestie eu sodales non, sodales vitae augue.

4.2.18 Mega Menu - Events

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU EVENTS

BACKEND - MEGA MENU EVENTS

BACKEND - TREE OF MEGA ITEMS

4.2.19 Mega Menu - Contact

Menu Item Type

Menu Item Type: Single Contact

Frontend - Backend

FRONTEND - MEGA MENU CONTACT

BACKEND - MEGA MENU CONTACT

BACKEND - CONTACT POSITION

CODE - CUSTOM OUTPUT

<ul class="contact">
<li class="address"><a>Nguyen Phuc Lai Street - Dong Da District - Ha Noi City</a></li>
<li class="phone"><a>084 - 00 - 12345678
 084 - 00 - 12345678</a></li>
<li class="email">contact@ytcvn.com</li>
</ul>

<form id="yt_contact_1" method="post"> <label class="yt-contact-name" for="contact-name"> Name:(*) <input id="contact-name" class="inputbox" name="contact_name" size="18" type="text" /> </label> <label class="yt-contact-email" for="contact-email"> Email:(*) <input id="contact-email" class="inputbox" name="contact_email" size="18" type="text" /> </label> <label class="yt-contact-phone" for="contact-phone"> Phone:(*) <input id="contact-phone" class="inputbox" name="contact_phone" size="18" type="text" /> </label> <label class="yt-contact-messager" for="contact-messager"> Messager:(*) <textarea id="contact-messager" class="contact-inputbox" style="max-width: 257px; max-height: 130px;" name="contact_messager"></textarea> </label> <button class="button validate">Send mail</button> <input name="option" type="hidden" value="com_contact" /> <input name="task" type="hidden" value="contact.submit" /> <input name="return" type="hidden" /> <input name="id" type="hidden" value="2:webmaster" /> <input name="9c22201da2abc58f15a7a264b7d1e864" type="hidden" value="1" /> </form>

The 4-part guideline will help you easily install SJ Business and all extensions included in this template step by step.

1. Download Template and Extensions
2. SJ Business Template - Installation and Configuration
3. Yt Plugin(for Yt Framework) - Installation and Configuration
4. Extensions - Installation and Configuration

1. Download Template and Extensions

STEP 1: LOGIN YOUR ACCOUNT

STEP 2: GO TO YOUR DOWNLOAD AREA

STEP 3: GO TO CATEGORIES OF JOOMLA PRODUCTS

STEP 4: DOWNLOAD SJ BUSINESS TEMPLATE

STEP 5: DOWNLOAD COMMERCIAL EXTENSIONS

STEP 6: DOWNLOAD FREE EXTENSIONS

2. SJ Business Template -Installation and Configuration

2.1 INSTALLATION

In Administrator page on Joomla! v1.7.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose our template and then click Upload & Install
Set SJ Business Template as default template

2.2 CONFIGURATION

The parameters of SJ Business Template are divided into the following areas:

General Settings
MainBody Columns Settings
Layout Settings
Style Settings
Top Menu Settings
Content Component
Advanced Options

GENERAL SETTINGS

Generator tag - Generate tag for your template
Template Width Type - Choose width type of your template
Template Width - Change width of template here
Hide Main content block - Allow to hide content component for home page
Direction - Choose RTL/LTR Language
Logo Type - Choose your logo types: image or text type
Logo Text - For Text Type
Slogan - Change your slogan here

MAINBODY COLUMNS SETTINGS

Main body width type - Choose width type: pixel/percentage
Main width - Change width of main body
Left/Right Width - Change width of Left/Right column

LAYOUT SETTINGS

Default Mode View - We support Mobile View and Window View for your site.
Window layout - When a guest views your website on computer, this layout is used. You can choose the following options for your window layout
- Full
- Main - left - right
- Left - Right - Main
- Main - Left - Right
- Main - right
- Left - main
Mobile Layout - When a guest uses a mobile to view, this layout is used as default
Iphone layout - When a guest views the site on Iphone, this layout is used
Android layout - When a guest views the site on Android System, this layout is used
Handheld layout - When a guest views the site on a Handheld, this layout is used
Overwrite Layouts Windows - This parameter will be used for window mode. When you want to use another layout for a menu, you can use this one. Syntax:
- Id1:Layout_Name1 | Id1:Layout_Name2 | ...
With:
- Id1, Id2...: Id of Menu. You can see the Id column in Menu Item Manager page
- Layout_Name1, Layout_Name2...: The name of layout in templates/sj_business17/layouts folder without tail .xml

STYLE SETTINGS

Default Style - Choose a suitable style for your site. There're 6 different site styles
Default Font Size - Set default size for your template here.
Default Font-Family - Use this parameter to choose font-family for your site. The default font of this template is Arial.
Google Font-Family - This parameter allows you to use a google font for some html tags which are in Affected Selectors
Affected Selectors - Tags will be applied with google font.

TOP MENU SETTINGS

Default Type Menu - Here is the list of menu module
- Mainmenu
- Topmenu
- Usermenu
- Othermenu
- Menu-link
- Keyconcepts
- Validate-menu
Default Menu Style - We support four styles of Menu
- CSS Menu
- Moo Menu
- Mega Menu
- Droplinle Menu
Use JS for Dropline Menu - Choose to use JS effect for Dropline Menu or not
Javascript Effect - JS Effect for Moo Menu, Mega Menu
Duration Effect - Time to change effects
Start Level - Level to start rendering the Menu at
End Level - Level to end rendering the Menu at

CONTENT COMPONENT

Apply for Blog View - Choose to apply for Blog view or not
Apply for Frontpage view - Choose to apply for Frontpage view or not
Leading Images Width - Change width of images of Leading Articles.
Leading Images Height - Change height of images of Leading Articles.
Intro Images Width - Change width of images of Intro Articles.
Intro Images Height - Change height of images of Intro Articles.
Thumbnail Background Color - Set color background for thumbnail image
Thumbnail Mode - Set thumbnail mode
- Fill
- Fit
- Stretch
- Center

ADVANCED OPTIONS

Show Cpanel - Allow you to show/ not to show Cpanel
Override logo image - Change logo image of Cpanel by inserting path of image in code folder or live link of image here
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 CSS/Merge File - Allow to optimize all the CSS/Merge Files which are used in your website
Optimize CSS Exclude - Please insert name of CSS File which you don't want to optimize
Optimize JS - Allow to optimize all the JS Files which are used in your website
Optimize JS Exclude - Please insert name of JS File which you don't want to optimize
Optimize Folder - This is the folder where optimized css/js files are stored
Optimize HTML - Allow to optimize all the HTML Files which are used in your webite

3. Yt Plugin(for Yt Framework) -Installation and Configuration

3.1 INSTALLATION

In Administrator page on Joomla! v1.7.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose the plugin and then click Upload & Install

3.2 CONFIGURATION

After installing Yt Plugin, please to go Extension/Plug-in Manager and then go to config Yt Plugin as below:

GO TO CONFIG PLUGIN

In configuration of Yt Plugin, we support for showing SJ Help with Report Bugs, Template Tutorials, Framework Tutorials

SHOWING SJ HELP

SUPPORT OPTIMIZING CSS/ JS/ HTML AND MEGA MENU

4. Extensions - Installation and Configuration

4.1 INSTALLATION

4.1.1 List of extensions used in SJ Business demo

You can find a list of modules/plugins which are used in SJ Business on Mega Menu - Extensions

4.1.2 Installation

In Administrator page on Joomla! v1.7.x, go to Extensions -> Extension Manager
On this page, click on Choose File button, choose an extension and then click Upload & Install
Install all of the rest extensions as above

4.2 CONFIGURATION

4.2.1 SJ Content Mega Slider Module

Module Position - Module Suffix

Position: slide_show
Suffix: Not Used

Frontend - Backend

FRONTEND - SJ CONTENT MEGA SLIDER

BACKEND - SJ CONTENT MEGA SLIDER

4.2.2 Showing Frontpage at Home Site

This part will help you to show the Frontpage at Home Site. First, go to Menus/ Main Menu/ Home then go to Edit Menu Item - Home

Frontend - Backend

FRONTEND - Showing Frontpage at Home Site

BACKEND - Showing Frontpage at Home Site

4.2.3 SJ News Scrollbar Module

Module Position - Module Suffix

Position: news-scrollbar
Suffix: Not Used

Frontend - Backend

FRONTEND - SJ NEWS SCROLLBAR

BACKEND - SJ NEWS SCROLLBAR

4.2.4 Custom HTML - Follow Us

Module Position - Module Suffix

Position: social
Suffix: Not Used

Frontend - Backend

FRONTEND - Follow Us

BACKEND - Follow Us

4.2.5 SJ News Frontage Module

Module Position - Module Suffix

Position: tabs_right
Suffix: Not Used

Frontend - Backend

FRONTEND - LATEST NEWS

BACKEND - LATEST NEWS

FRONTEND - MOST POPULAR

BACKEND - MOST POPULAR

4.2.6 SJ Module Tabs

Module Position - Module Suffix

Position: right
Suffix: clear

Frontend - Backend

FRONTEND - MODULE TABS

BACKEND - MODULE TABS

4.2.7 SJ News Extra Slider

Module Position - Module Suffix

Position: right
Suffix: clear

Frontend - Backend

FRONTEND - SJ NEWS EXTRA SLIDER

BACKEND - SJ NEWS EXTRA SLIDER

4.2.8 SJ News Basic Module

Module Position - Module Suffix

Position: right
Suffix: title1

Frontend - Backend

FRONTEND - SJ NEWS BASIC

BACKEND - SJ NEWS BASIC

4.2.9 Custom HTML - NewsLetter

Module Position - Module Suffix

Position: right
Suffix: Not Used

Frontend - Backend

FRONTEND - NEWSLETTER

BACKEND - NEWSLETTER

CODE - CUSTOM OUTPUT

<input class="inputbox text_email" type="text" value="Enter Your Email ID" /> <input class="button" type="submit" value="Subscribe" />

4.2.10 SJ Module Tabs - Custom HTML

Module Position - Module Suffix

Position: usera
Suffix: Not Used

Frontend - Backend

FRONTEND - FOLLOW US ANY WHERE

BACKEND - FOLLOW US ANY WHERE

CODE - CUSTOM SUBSCRIBE

Service best customer support
<img src="/images/customhtml/subscribe.png" border="0" />
<a href="#">Click here</a> to sign up to receive news about our services

CODE - CUSTOM TWITTER

Follow us on twitter
<a href="#">Follow our latest activity on all topics from The Asbury Park Press.</a>
<a href="#">Follow The Asbury Park Press on Twitter</a>
<a href="#">See all www.APP.com Twitter offerings</a>

CODE - CUSTOM FACEBOOK

Follow us on facebook
<a href="#">Follow our latest activity on all topics from The Asbury Park Press.</a>
<a href="#">Follow The Asbury Park Press on Twitter</a>
<a href="#">See all www.APP.com Twitter offerings</a>

CODE - CUSTOM MOBILE

Visit our mobile sites
<a href="#">Use your phone to check the latest news, sports, weather and more on m.smartaddons.com.</a>
<a href="#">See how easy it is to connect to m.smartaddons.com</a>
<a href="#">www..smartaddons.com optimized</a>

CODE - CUSTOM RSS

Subscribe to our RSS feeds
<a href="#">Find RSS feeds for the latest New Jersey News news, weather, sports, business, entertainment and more.</a>
<a href="#">Select from all of our RSS offerings</a>

CODE - CUSTOM EMAIL

Singup for our Email newsletter
<a href="#">Get news, sports and features highlights via email.</a>
<a href="#">Click here to select a newsletter or view sample newsletters</a>

4.2.11 Custom HTML - Contact Us

Module Position - Module Suffix

Position: userb
Suffix: Not Used

Frontend - Backend

FRONTEND - CONTACT US

BACKEND - CONTACT US

CODE - CUSTOM OUTPUT

                                              
<ul class="contact">
<li class="address"><a>Nguyen Phuc Lai Street - Dong Da District - Ha Noi City</a></li>
<li class="phone"><a>084 - 00 - 12345678
 084 - 00 - 12345678</a></li>
<li class="email">contact@ytcvn.com</li>
</ul>

4.2.12 SJ Content Slideshow

Module Position - Module Suffix

Position: userc
Suffix: content_slideshow

Frontend - Backend

FRONTEND - SJ CONTENT SLIDESHOW

BACKEND - SJ CONTENT SLIDESHOW

4.2.13 Mega Menu - Features

Menu Item Type

Menu Item Type: Text Separator

Frontend - Backend

FRONTEND - MEGA MENU FEATURES

BACKEND - MEGA MENU FEATURES

4.2.14 Mega Menu - Company

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU COMPANY

BACKEND - MEGA MENU COMPANY

BACKEND - TREE OF MEGA ITEMS

4.2.15 Mega Menu - Extensions

Menu Item Type

Menu Item Type: Text Separator

Frontend - Backend

FRONTEND - MEGA MENU EXTENSIONS

BACKEND - MEGA MENU EXTENSIONS

BACKEND - TREE OF MEGA ITEMS

4.2.16 Mega Menu - NEWS

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU NEWS

BACKEND - MEGA MENU NEWS

BACKEND - LATEST NEWS

BACKEND - CATEGORY

4.2.17 Mega Menu - Services

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU SERVICES

BACKEND - MEGA MENU SERVICES

BACKEND - CUSTOM FOR ANALYTICS

EXAMPLE CODE - CUSTOM OUTPUT FOR ANALYTICS

<img src="/images/BusinessConsultancyOn.png" border="0" style="border: 0; float: left; margin-left: 5px; margin-right: 5px;" />Nullam eget felis id metus luctus semper quis vel nulla. Cras diam mauris, molestie eu sodales non, sodales vitae augue.

4.2.18 Mega Menu - Events

Menu Item Type

Menu Item Type: Category Blog

Frontend - Backend

FRONTEND - MEGA MENU EVENTS

BACKEND - MEGA MENU EVENTS

BACKEND - TREE OF MEGA ITEMS

4.2.19 Mega Menu - Contact

Menu Item Type

Menu Item Type: Single Contact

Frontend - Backend

FRONTEND - MEGA MENU CONTACT

BACKEND - MEGA MENU CONTACT

BACKEND - CONTACT POSITION

CODE - CUSTOM OUTPUT

<ul class="contact">
<li class="address"><a>Nguyen Phuc Lai Street - Dong Da District - Ha Noi City</a></li>
<li class="phone"><a>084 - 00 - 12345678
 084 - 00 - 12345678</a></li>
<li class="email">contact@ytcvn.com</li>
</ul>

<form id="yt_contact_1" method="post"> <label class="yt-contact-name" for="contact-name"> Name:(*) <input id="contact-name" class="inputbox" name="contact_name" size="18" type="text" /> </label> <label class="yt-contact-email" for="contact-email"> Email:(*) <input id="contact-email" class="inputbox" name="contact_email" size="18" type="text" /> </label> <label class="yt-contact-phone" for="contact-phone"> Phone:(*) <input id="contact-phone" class="inputbox" name="contact_phone" size="18" type="text" /> </label> <label class="yt-contact-messager" for="contact-messager"> Messager:(*) <textarea id="contact-messager" class="contact-inputbox" style="max-width: 257px; max-height: 130px;" name="contact_messager"></textarea> </label> <button class="button validate">Send mail</button> <input name="option" type="hidden" value="com_contact" /> <input name="task" type="hidden" value="contact.submit" /> <input name="return" type="hidden" /> <input name="id" type="hidden" value="2:webmaster" /> <input name="9c22201da2abc58f15a7a264b7d1e864" type="hidden" value="1" /> </form>

Last modified on 14

Or share it with your friends

More in this category: « SJ Restaurant Templates Userguide SJ News Template Userguide »

SA Nghiem Diep

I work as an online marketer at SmartAddons.com. I'm a positive person and love the creativity at work. "I'm here" - the quote that I always want to tell with all of you. This means "I'm always ready to help you" ;)