Black Friday"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeJ! ExtensionsCommercial ExtensionsTemplate User-Guides
Subscribe to this RSS feed
Template User-Guides

Template User-Guides (90)

In this area you will find related user-guide regarding YouTech extensions and templates
Please note that we've created the new documentation site. So, if you can't find the userguide of item you want here, please check their userguides at HERE.

March.11.2014

SJ iSingle Template Userguide

Written by Sarah
Posted in Template User-Guides
Let's go here for reading full help documentation of SJ iSingle Template
Read more
April.01.2014

SJ iCenter Template Userguide

Written by Sarah
Posted in Template User-Guides
Let's go here for reading full help documentation of SJ iCenter Template
Read more
March.14.2014

SJ Honrat Template Userguide

Written by Sarah
Posted in Template User-Guides
Let's go here for reading full help documentation of SJ Honrat Template
Read more
February.22.2014

SJ Asolar Template Userguide

Written by
Posted in Template User-Guides
Let's go here for reading full help documentation of SJ Asolar Template
Read more
February.14.2014

SJ Royal Template Userguide

Written by
Posted in Template User-Guides

DEMO | MORE DETAIL

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

1. REQUIREMENT - Back to top

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

  • Compatible with version Joomla: Joomla 3.x
  • Installation Packages include:
    • Quickstart Package
    • Template package only
    • Extensions package from our store
    • Third Party Extensions package (if have)

2. HOW TO DOWNLOAD - Back to top

Download Packages from our store:

Step 1 Login your account

Step 2 Go to Joomla > Download > Joomla Templates Club

Step 3 Under Premium Joomla Templates --> click to download template as you want

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

3. HOW TO INSTALLATION - Back to top

There are two ways to install a Joomla Template:

  • Install quickstart: By using this package, you will set the template exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template.
  • Install Template and Extensions: This is applied when you have already installed a Joomla instance on your server. You will need only be using the zipped files in "Extensions" and "Template" folders mentioned above.

3.1 Installation with Quickstart Package

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

3.2 Installation with Template and Extensions

Log in your Administrator, go to Extensions > Extension Manager

Then install Template and Extensions as bellow.

3.2.1. Install Template:

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

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

3.2.2. Install Extensions:

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

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

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

  • YT Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. Besides, configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template. You can go here for getting more information of this plugin.
  • YT Shortcodes supports users to make content for web pages. In Joomla administrator, YT Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content. Click here for viewing the screenshot of backend
  • SJ Content Related News is used for showing other related articles in the same category. For more info about this module, please go here. Click here for viewing the screenshot of backend.

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

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

4. HOW TO CONFIGURATION - Back to top

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

4.1 Modules Positions

4.2 Template Configuration

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

OVERVIEW

SJ Decou

GENERAL

SJ Decou

LAYOUT

SJ Decou
SJ Decou

THEME

SJ Decou

TYPOGRAPHY

SJ Decou

CONTENT COMPONENT

SJ Decou

ADVANCED

SJ Decou

4.3 Menu Configuration

4.3.1. Megamenu Configuration

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

4.3.2. Menu Item Frontend & Backend Configuration

  • OUR MENU: TREE OF MENU - MENU PARAM

    • Frontend

    Backend

    Categories Menu Explaination:

    + "Hot Menu" is SJ Basic News Module type

    + "Slide Photo" is Custom HTML Module type

    - Hot Menu: Backend

    - Slide Photo: Backend

  • JOOMLA CONTENT MENU: TREE OF MENU - MENU PARAM

    • Frontend

    Backend

    - List All Categories: Backend

    - Notes: JOOMLA CONTENT MENU configures the same to BONUS PAGES MENU

  • SHORTCODES MENU: MENU PARAM

    Frontend

    • 4.4 Extension Configuration

    4.4.1. Smart search - Smart search Module

    • Module Position - Module Suffix
      Position: notice
      Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.1.1. Social Networking - Custom HTML Module

    • Module Position - Module Suffix
      Position: notice
      Suffix:
    • Frontend - Backend
      FRONTEND
      CODE - CUSTOM OUTPUT 
      [social type="facebook" ]http://www.facebook.com/SmartAddons.page[/social] [social type="twitter" ]http://twitter.com/#!/smartaddons [/social] [social type="google" ]https://plus.google.com/u/0/103151395684525745793/posts[/social] [social type="rss" ]http://feeds.feedburner.com/smartaddons/joomla-templates[/social]

    4.4.1.2. Language - Language Switcher Module

    • Module Position - Module Suffix
      Position: notice
      Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.1.3. Login Form - Login Module

    • Module Position - Module Suffix
      Position: notice
      Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.2. Special Offers - SJ Article Slider Module

    • Module Position - Module Suffix
      Position: top1
      Suffix: big-title
    • Frontend - Backend
      FRONTEND

    4.4.3. Menu categories - SJ Content Categories Module

    • Module Position - Module Suffix
      Position: top2
      Suffix: box-clear
    • Frontend - Backend
      FRONTEND

    4.4.4. Our Menu - SJ Content Responsive Listing Module

    • Module Position - Module Suffix
      Position: top3
      Suffix: box-clear big-title our-menu
    • Frontend - Backend
      FRONTEND

    4.4.5. Philosophy - Custom HTML Module

    • Module Position - Module Suffix
      Position: bottom1
      Suffix: bg-content1
    • Frontend - Backend
      FRONTEND
      CODE - CUSTOM OUTPUT 
      Cum sociis natoque pen magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada.
<ul>
<li><a href="/index.php/joomla-content/category-blog/category-blog-3-columns/207-cola-runka-mato">Morbi nunc odio, gravida, cursus </a></li>
<li><a href="/index.php/joomla-content/category-blog/category-blog-3-columns/205-setun-mapac-lima">Maecenas tristique orci ac sem </a></li>
</ul>

    4.4.6. What's New? - SJ Basic News Module

    • Module Position - Module Suffix
      Position: bottom2
      Suffix: bg-content2
    • Frontend - Backend
      FRONTEND

    4.4.7. Testimonials - Custom HTML Module

    • Module Position - Module Suffix
      Position: bottom3
      Suffix: bg-content3
    • Frontend - Backend
      FRONTEND
      CODE - CUSTOM OUTPUT 
      <img src="/images/customhtml/icon-left.png" border="0" /> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam ante lorem nibh mollis <img src="/images/customhtml/icon-right.png" border="0" />

John Kallen

    4.4.8. Recent Tweets - SJ Twitter Module

    • Module Position - Module Suffix
      Position: bottom4
      Suffix: box-clear twitter
    • Frontend - Backend
      FRONTEND

    4.4.9. Footer - Menu Module

    • Module Position - Module Suffix
      Position: footer
      Suffix:
    • Frontend - Backend
      FRONTEND

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

    Read more
    December.16.2013

    How to install Joomla Quickstart

    Written by SA Nghiem Diep
    Posted in Template User-Guides
    Let's go to here for reading full help documentation!
    Read more
    December.12.2013

    SJ Onepage Template Userguide

    Written by Sarah
    Posted in Template User-Guides
    Let's go here for reading full help documentation of SJ OnepageTemplate
    Read more
    February.20.2014

    SJ Vinda Template Userguide

    Written by
    Posted in Template User-Guides

    DEMO | MORE DETAIL

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

    1. REQUIREMENT - Back to top

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

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

    2. HOW TO DOWNLOAD - Back to top

    2.1 Download Packages from our store:

    Step 1 Login your account

    Step 2 Go to Joomla > Download > Joomla Templates Club

    Step 3 Under Premium Joomla Templates --> click to download template as you want

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

    2.2 Download packages from Third Party:

    This is the component from Third Party which is used in this template:

    • K2 Component: Download as this guide in here

    3. HOW TO INSTALLATION - Back to top

    There are two ways to install a Joomla Template:

    • Install quickstart: By using this package, you will set the template exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template.
    • Install Template and Extensions: This is applied when you have already installed a Joomla instance on your server. You will need only be using the zipped files in "Extensions" and "Template" folders mentioned above.

    3.1 Installation with Quickstart Package

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

    3.2 Installation with Template and Extensions

    Log in your Administrator, go to Extensions > Extension Manager

    Then install Template and Extensions as bellow.

    3.2.1. Install Template:

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

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

    3.2.2. Install Extensions:

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

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

    Step 2: Install K2 Component as extensions above. Click here for getting package of K2 Component.

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

    • Yt Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. Besides, configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template. You can go here for getting more information of this plugin.
    • YT Shortcodes supports users to make content for web pages. In Joomla administrator, YT Shortcodes button will be appeared below the text-area, you can choose shortcodes for the text-area to make content. Click here for viewing the screenshot of backend
    • SJ Content Related News is used for showing other related articles in the same category. For more info about this module, please go here. Click here for viewing the screenshot of backend.

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

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

    4. HOW TO CONFIGURATION - Back to top

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

    4.1 Modules Positions

    4.2 Template Configuration

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

    OVERVIEW

    SJ Decou

    GENERAL

    SJ Decou

    LAYOUT

    SJ Decou
    SJ Decou

    THEME

    SJ Decou

    TYPOGRAPHY

    SJ Decou

    CONTENT COMPONENT

    SJ Decou

    ADVANCED

    SJ Decou

    4.3 Menu Configuration

    4.3.1. Megamenu Configuration

    To configure Mega Menu, go to: Extensions --> Template manager --> open SJ Vinda template, in the Menu setting, you can configure Mega Menu. To view more guide about how to install, set up and configure SJ Mega Menu as you want, please click here

    4.3.2. Menu Item Frontend & Backend Configuration

    - Module Variation: Backend

    Notes: Menus below configure the same "Module Variation". And "EXPLORE MENU" configure  the same to "BONUS PAGES MENU"

    • JOOMLA MENU: TREE OF MENU - MENU PARAM

      • Frontend

      Backend: Menus configure the same above. However with child menu, you should remember to select its "Parent Item" parameter. For example: Parent menu "Joomla Content" has child menu "Single Article".

    - K2 Category: Backend

    Notes: Menus below configure the same " K2 Category".

    • CATEGORIES MENU: TREE OF MENU - MENU PARAM

      Frontend

      Backend

      Categories Menu Explaination:

      - "Categories" is Menu Module type

      - "Video Day" and "Top Comment" are K2 Content Module type

      - "Recent Post" is SJ Basic News Module type

    • EVENT MENU: TREE OF MENU - MENU PARAM

      Frontend

      Backend

      Event Menu Explaination:

      - "Categories"; "Quick Link"; "ADS"; "Vinda - Magazine" are Custom HTML module type. They're linked to custom html modules

      Code-Custom Output

       
                                     
<ul class="menu span12">
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy Statement</a></li>
<li><a href="#">Card Agreements</a></li>
<li><a href="#">Security Center</a></li>
<li><a href="#">Financial Education</a></li>
<li><a href="#">Sport & Game</a></li>
</ul>

    Notes: "Categories"; "Vinda - Magazine" below configure the same "Quick Link".

    Code-Custom Output

     
     <p><img src="/images/demo_banner/happy2010.png" alt="" border="0" /></p>

    4.4 Extension Configuration

    4.4.1. Top Banner - Custom HTML Module

    • Module Position - Module Suffix
      Position: notice
      Suffix:
    • Frontend - Backend
      FRONTEND
      BACKEND

      Code-Custom Output

      <img src="/images/demo_banner/banner.png" border="0" />

    4.4.2. SJ K2 Splash - SJ K2 Splash Module

    • Module Position - Module Suffix
      Position: top1
      Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.3. Custom(Rss); Smart Search; Login Form; Custom(Share); Language

    • Module Position - Module Suffix
      Position: top2
      Suffix:
    • Frontend - Backend
      FRONTEND

      - Custom(Rss) - Custom HTML Module: backend

      - Smart Search - Smart Search Module: backend

      - Login Form - Login Module: backend

      - Custom(Share) - Custom HTML Module: backend

      - Language - Language Switcher Module: backend

    4.4.4. Slideshow - Sj K2 Slider Module

    • Module Position - Module Suffix
      Position: Slideshow
      Suffix: slideshow
    • Frontend - Backend
      FRONTEND

    4.4.5. Adv-top - Custom HTML Module

    • Module Position - Module Suffix
      Position: maintop1
      Suffix:
    • Frontend - Backend
      FRONTEND
      BACKEND

      Code-Custom Output

       
      <img src="/images/demo/banner-top.png" border="0" /> <a href="#">Click me</a>

    4.4.6. SJ Social Media Counts - SJ Social Media Counts Module

    • Module Position - Module Suffix
      Position: right
      Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.7. Latest news - K2 Content Module

    • Module Position - Module Suffix
      Position: right
      Suffix: _menu
    • Frontend - Backend
      FRONTEND

    4.4.8. Popular Articles - SJ Module Tab

    • Module Position - Module Suffix
      Position: right
      Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.9. sponsored - SJ News Extra Slider Module

    • Module Position - Module Suffix
      Position: right
      Suffix: sponsored
    • Frontend - Backend
      FRONTEND

    4.4.10. Outfit - Custom HTML Module

    • Module Position - Module Suffix
      Position: right
      Suffix:
    • Frontend - Backend
      FRONTEND

      Code-Custom Output

       
      <a href="#"><img src="/images/demo/outfit.png" border="0" /></a>

    4.4.11. mega_news - Sj K2 Mega News Module

    • Module Position - Module Suffix
      Position: position-h1
      Class Suffix:
    • Frontend - Backend
      FRONTEND

    4.4.12. More... - SJ Categories for K2

    • Module Position - Module Suffix
      Position: bottom1
      Class Suffix: sj-categories
    • Frontend - Backend
      FRONTEND

    4.4.13. Banner bottom2 - Custom HTML Module

    • Module Position - Module Suffix
      Position: bottom2
      Class Suffix:
    • Frontend - Backend
      FRONTEND

      Code-Custom Output

       
      <img src="/images/demo/banner-bottom22.png" border="0" />

    4.4.14. Vinda - Custom HTML Module

    • Module Position - Module Suffix
      Position: bottom3
      Class Suffix:
    • Frontend - Backend
      FRONTEND

      Code-Custom Output

       
      
<ul>
<li><a href="#">Magazine Health</a></li>
<li><a href="#">Magazine Beauty</a></li>
<li><a href="#">Magazine Consumer</a></li>
</ul>

    4.4.15. Exhibitions - Module Menu

    • Module Position - Module Suffix
      Position: bottom4
      Class Suffix: menu_footer
    • Frontend - Backend
      FRONTEND

    Notes: "bottom5" and "bottom6" configure the same

    4.4.16. Follow us - Custom HTML Module

    • Module Position - Module Suffix
      Position: bottom7
      Class Suffix: menu_footer
    • Frontend - Backend
      FRONTEND

      Code-Custom Output

       
      
<ul class="row">
<li class="span6"> 
<ul>
<li>[social type="facebook" style="flat" color="Yes"]http://www.facebook.com/SmartAddons.page [/social] <a href="http://www.facebook.com/SmartAddons.page">Facebook</a></li>
<li>[social type="twitterbird" style="flat" color="Yes" ]https://twitter.com/#!/smartaddons [/social]<a href="https://twitter.com/#!/smartaddons">Twitter</a></li>
<li>[social type="linkedin" styke="flat" color="yes"]#[/social]<a href="#">Linkedin</a></li>
</ul>
</li>
<li class="span6"> 
<ul>
<li>[social type="google" style="flat" color="Yes" ]https://plus.google.com/u/0/103151395684525745793/posts [/social] <a href="https://plus.google.com/u/0/103151395684525745793/posts">Google plus</a></li>
<li>[social type="pinit" style="flat" color="Yes"] # [/social]<a href="#">Pinterest</a></li>
<li>[social type="rss" style="flat" color="yes"]#[/social]<a href="#">RSS feeds</a></li>
</ul>
</li>
</ul>

    4.4.17. Brand - Custom HTML Module

    • Module Position - Module Suffix
      Position: footer
      Class Suffix:
    • Frontend - Backend
      FRONTEND

      Code-Custom Output

       
      <a href="#"><img src="/images/demo/index_07.png" border="0" /></a> <a href="#"><img src="/images/demo/index_09.png" border="0" /></a> <a href="#"><img src="/images/demo/index_11.png" border="0" /></a>

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

    Read more
    November.16.2013

    SJ AppStore Userguide

    Written by
    Posted in Template User-Guides
    Click HERE to view complete User Guide
    Read more
    November.22.2013

    SJ Flat News Template Userguide

    Written by Sarah
    Posted in Template User-Guides
    Let's go here for reading full help documentation of SJ Flat News Template
    Read more
    Page 2 of 7

    Love all our templates?

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

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