Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeK2 SearchTemplate User-GuidesSJ Business Template Userguide
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
alt

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
alt

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
alt

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
alt

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

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
alt

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
alt

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
    alt

    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
    alt

    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
    alt

    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
    alt

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

    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
    alt

    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
    alt

    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>
    
    Last modified on 14
    SA Nghiem Diep

    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" ;)

    Love all our templates?

    Join our membership clubs starting at $49 only for access to all of our templates

    Join Now
    Home Pricing
    Your Cart is currently empty!
    Product update
    Coupon
    add
    Coupon code invalid! Please re-enter!
    AJAX loader
    SearchSupport
    Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes