International Labor Day 2025: Grab UPTO 50% on All Products and Services!
VIEW MORE
Labor Day 2025"
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: HomeBlogSarah
Subscribe to this RSS feed
Sarah

Sarah

Friday, 04 October 2013 15:25

SJ Decou Template Userguide

Published in Template User-Guides

DEMO | MORE DETAIL

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

1. REQUIREMENT - Back to top

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

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

2. HOW TO DOWNLOAD - Back to top

2.1 Download Packages from our store:

Step 1 Login your account

Step 2 Go to Joomla > Download > Joomla Templates Club

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

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

2.2 Download packages from 3rd Parties:

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

  • K2 Component: Download as this guide in here

3. HOW TO INSTALLATION - Back to top

There are two ways to install a Joomla Template:

  • Install quickstart: By using this package, you will set the template exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template. For understanding more information about Quickstart, you should read this article: Quickstart package for Joomla templates - what is this and how to install it?
  • Install Template and Extensions: This is applied when you have already installed a Joomla instance on your server. You will need only be using the zipped files in "Extensions" and "Template" folders mentioned above.

3.1 Installation with Quickstart Package

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

Step 1 Upload folder quickstart:

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

Step 2 Start installation procedure:

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

Sellect Language

Main Configuration:

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

Step 3 Configure Database:

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

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

Step 4: Install Sample Data

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

Step 5: Remove or Rename the Installation folder:

The final step is removing or renaming the Installation folder

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

3.2 Installation without Quickstart Package

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. Do as this for getting Template package.

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

3.2.2. Install Extensions:

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

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

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

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

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

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

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

4. HOW TO CONFIGURATION - Back to top

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

4.1 Modules Positions

4.2 Template Configuration

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

OVERVIEW

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 Decou template, in the Menu setting, you can configure Mega Menu. Do as this for setting Menu.

4.3.2. Menu Item Backend Settings

4.4 Extension Configuration

4.4.1. Program - Custom HTML Module

  • Module Position - Module Suffix
    Position: postition-0
    Suffix: blank block_program
  • Frontend - Backend
    FRONTEND
    BACKEND
    CODE - CUSTOM OUTPUT 
    <img class="bg_slide" src="/images/customhtml/img-slide1.jpg" border="0" />


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



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

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


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






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

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


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






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

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


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

4.4.2. Flight Schedules - Custom HTML Module

  • Module Position - Module Suffix
    Position: position-1
    Suffix: blank block_schedules
  • Frontend - Backend
    FRONTEND
    CODE - CUSTOM OUTPUT 
    <a target="_blank"> </a>
<a target="_blank"></a><a href="#"><img src="/images/customhtml/1.jpg" border="0" /></a>
<ul>
<li class="item">
<a href="#"><img src="/images/customhtml/img-2.jpg" border="0" /></a>
<a href="#"> Dubai to Tokyo</a>
12 flights / day
</li>
<li class="item">
<a href="#"><img src="/images/customhtml/img-3.jpg" border="0" /></a>
<a href="#"> Lauderdale to matxcova</a>
7 flights / day
</li>
<li class="item last">
<a href="#"><img src="/images/customhtml/img-4.jpg" border="0" /></a>
<a href="#"> New York to LonDon</a>
3 flights / day
</li>
</ul>
<a class="read-more" href="#">read more</a>

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

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

4.4.4. Video- SJ Video Box Module

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

4.4.5. Decou Stories - SJ K2 Extra Slider Module

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

4.4.6. Decou Blog - SJ K2 Extra Slider Module

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

4.4.7. Search - SJ Smart Search Module

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

4.4.8. Contact us - Custom HTML Module

  • Module Position - Module Suffix
    Position: position-1
    Suffix: contact-us blank
  • Frontend - Backend
    FRONTEND
    CODE - CUSTOM OUTPUT 
                                       
<ul>
<li class="add">Our business address is 1063 Freelon Street San Francisco, CA 95108</li>
<li class="phone">+ 020.566.2345 / or + 020.566.9876</li>
<li class="email">contact@decou.com</li>
</ul>
<a class="btn_contact" href="/component/contact/9" title="Contact from">Contact Form</a>

4.4.9. Connect with us - Custom HTML Module

  • Module Position - Module Suffix
    Position: position-1
    Suffix: connect-with-us blank
  • Frontend - Backend
    FRONTEND
    CODE - CUSTOM OUTPUT 
    
<ul>
<li class="first"><a class="icon-facebook" href="http://www.facebook.com/SmartAddons.page" target="_blank" title="Facebook"> </a></li>
<li><a class="icon-twitter" href="https://twitter.com/smartaddons" target="_blank" title="Twitter"> </a></li>
<li><a class="icon-pinterest" href="http://pinterest.com/smartaddons/" target="_blank" title="Pinterest"> </a></li>
</ul>


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

4.4.10. About us - Custom HTML Module

  • Module Position - Module Suffix
    Position: position-1
    Suffix: block-about blank
  • Frontend - Backend
    FRONTEND
    CODE - CUSTOM OUTPUT 
    
Consectetur adipiscing elit. Aenean nisl orci, condimentum ultrices consequat eu
<ul>
<li>Aenean imperdiet fringilla ligula, ut mollis mi venenatis</li>
<li>Nunc ullamcorper cursus eros pulvinar</li>
</ul>
<a class="read-about" href="/component/content/178"></a>

4.4.11. Easy Access - Custom HTML Module

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

4.4.12. Book Menu - Menu Module

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

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

4.4.13. Connect - Custom HTML Module

  • Module Position - Module Suffix
    Position: position-19
    Suffix: connect blank
  • Frontend - Backend
    FRONTEND
    CODE - CUSTOM OUTPUT 
                                       
<ul class="connect-with">
<li class="iphone">020.566.2345</li>
<li class="chat"><a href="#">Chat Now</a></li>
<li class="mail"><a href="#">Site Feedback</a></li>
</ul>

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

Tagged under
Tuesday, 20 August 2013 10:04

SJ Sport Store Template User Guide

Published in Template User-Guides

Contents
The guide will help you install SJ Sport Store and extensions included in this template step by step.
If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
  • Important Notes
  • 1. Download Template and Extensions
  • 2. SJ Sport Store Template - Installation and Configuration
  • 3. Imperative Plugins - Installation and Configuration
  • 4. Other Extensions - Installation and Configuration

Important Notes

Requirement:
  • Joomla! 2.5, Joomla 3.x
  • Content component (customized and included in Quickstart)
  • Some premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

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

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

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

1.2  Download 3rd Party Extensions

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


2. SJ Sport Store -Installation and Configuration

2.1 Installation

  • Log in your Administrator, go to Extensions -> Extension Manager
    On this page, click Choose File button, select our template file you have downloaded then click Upload & Install



  • Set SJ Sport Store as default template
  • After installing this template, please install JoomShopping Component 3.14.3.

2.2 Configuration

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

OVERVIEW

SJ Tech

GENERAL

SJ Tech

LAYOUT

SJ Tech

MENU

SJ Tech

THEME

SJ Tech

TYPOGRAPHY

SJ Tech

CONTENT COMPONENT

SJ Tech

ADVANCED

SJ Tech

3. Imperative Plugins-Installation and Configuration

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

3.1 Installation

  • Now you install Yt Framework Plugin, SJ Content Related News, Yt Shortcode and SJ Responsive Listing Ajax for JoomShopping in turn
  • STEP 1: In Administrator on Joomla! v2.5.x, go to Extensions -> Extension Manager
    On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install



  • STEP 2: Now, go to Enable  Yt Framework Plugin,Yt Shortcode, SJ Responsive Listing Ajax for JoomShopping and SJ Content Related News in Extension/Plug-in Manager

3.2 Configuration of Yt Framework Plugin

  • After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configure Yt Framework:
    • YT FRAMEWORK
  • Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
    • SJ HELP

3.3 Yt Shortcodes

  • In Administrator of Joomla!, go to Plugin Manager -> Make sure Yt Shortcodes is enabled. This is list of Shortcodes that you can use to style content:

    • SHORTCODES

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

3.4. SJ Content Related News

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

SJ Content Related News

4. Other Extensions - Installation and Configuration

After creating data, you can install and configure extensions to have a Website as like as our pre-made demo.

4.1 Install

4.1.1 List of extensions used in SJ Sport Store demo

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

4.1.2 Installation

  • In Administrator on Joomla!, go to Extensions -> Extension Manager
    On this page, click Choose File button, choose an extension file then click Upload & Install

  • Install the rest of extensions as step above

4.2 Configuration

After installing extensions which are included in the SJ Sport Store template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

By this screenshot, you will see how module is placed in the default layout:

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Home

  • Menu Item Type
    • Menu Item Type: Single Article
  • Frontend - Backend
    • FRONTEND
    BACKEND - YT MENU PARAMS
    BACKEND - Top videos (1)
    BACKEND - Latest News (2)

    4.2.2 Mega Menu - Explore

  • Menu Item Type
    • Menu Item Type: Single Article
  • Frontend - Backend
    • FRONTEND
    BACKEND - YT MENU PARAMS
    BACKEND - TREE OF MENUS

    4.2.3 Custom HTLM

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

  • Module Position - Module Suffix
    • Position: top1
    Suffix: blank
  • Frontend - Backend
    • FRONTEND - Top Menu
    BACK END
    CUSTOM CODE: Top Menu
                                                                            
<ul class="menu _menutop">
<li><a class="my_account" href="/component/jshopping/?controller=user&task=editaccount&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Account</a></li>
<li><a class="my_wishlist" href="/component/jshopping/?controller=wishlist&task=&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Wishlist</a></li>
</ul>

    4.2.4 Smart Search Module

  • Module Position - Module Suffix
    • Position: top2
    Suffix: Not used
  • Frontend - Backend
    • FRONTEND - Smart Search
    BACK END

    4.2.5 Jshopping Cart

  • Module Position - Module Suffix
    • Position: top2
    Suffix: Not used
  • Frontend - Backend
    • FRONTEND - Jshopping Cart
    BACK END

    4.2.6 SJ Dynamic Slideshow

  • Module Position - Module Suffix
    • Position: position 0
    Suffix: dynamic-slideshow
  • Frontend - Backend
    • FRONTEND - SJ Dynamic Slideshow
    BACK END

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

    4.2.7 SJ Product for JoomShopping

  • Module Position - Module Suffix
    • Position: Position 5
    Suffix: title4 latest-product
  • Frontend (demo layout above) - Backend
    • FRONTEND - New Product
    BACK END

    4.2.8 SJ News Fontpage

  • Module Position - Module Suffix
    • Position: Position 16
    Suffix: title4-sj-fontpage
  • Frontend - Backend
    • FRONTEND - Featured Technology
    BACK END

    4.2.9 SJ Responsive Listing for JoomShopping

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

  • Module Position - Module Suffix
    • Position: Position 15
    Suffix: blank responsive-listing
  • Frontend - Backend
    • FRONTEND - Bikes
    BACK END

    4.2.10 Banner Module

  • Module Position - Module Suffix
    • Position: Position 15
    Suffix: banne-health blank
  • Frontend - Backend
    • FRONTEND - Banner
    BACK END

    4.2.11 SJ Slider

  • Module Position - Module Suffix
    • Position: Position 8
    Suffix: blank sj-content-slider
  • Frontend (demo layout above) - Backend
    • FRONTEND - Slider
    BACK END

    4.2.12 Menu Module

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

  • Module Position - Module Suffix
    • Position: Position 11
    Suffix: _menufoot@book
  • Frontend - Backend
    • FRONTEND - Menu: Get Help
    BACK END

    4.2.13.  Other Extensions

    4.2.13.1. Jshopping Bestseller Products
  • Module Position - Module Suffix
    • Position: mega 6
    Suffix: best-seller
  • Frontend - Backend
    • FRONTEND - Best Seller
    BACK END
    4.2.13.2. Jshopping Categories
  • Module Position - Module Suffix
    • Position: Position 7
    Suffix: _menu
  • Frontend - Backend
    • FRONTEND - Categories
    BACK END
    That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.
    Tagged under
    Friday, 19 July 2013 00:00

    SJ Financial Template Userguide

    Published in Template User-Guides

    Contents
    The guide will help you install SJ Financial and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes
    • 1. Download Template and Extensions
    • 2. SJ Finacial Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla!, latest version is recommended.
    • K2, Kunena Component, if using Quickstart, it is included
    • Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    1.1 Used for members of JTC - Joomla Template Club

    STEP 1: Login at SmartAddons.com

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

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

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

    2. SJ Financial -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

      INSTALL
    • Set SJ Financial as default template

      SET DEFAULT

    2.2 Configuration

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

    OVERVIEW

    SJ Tech

    GENERAL

    SJ Tech

    LAYOUT

    SJ Tech

    MENU

    SJ Tech

    THEME

    SJ Tech

    TYPOGRAPHY

    SJ Tech

    CONTENT COMPONENT

    SJ Tech

    ADVANCED

    SJ Tech

    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

    • 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

    Contents
    The guide will help you install SJ Tech and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes
    • 1. Download Template and Extensions
    • 2. SJ Tech Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla!, latest version is recommended.
    • K2 Component, if using Quickstart, it is included
    • Premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    STEP 1: Login at SmartAddons.com

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

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

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

    2. SJ Tech -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

      INSTALL
    • Set SJ Tech as default template

      SET DEFAULT

    2.2 Configuration

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

    OVERVIEW

    SJ Tech

    GENERAL

    SJ Tech

    LAYOUT

    SJ Tech

    MENU

    SJ Tech

    THEME

    SJ Tech

    TYPOGRAPHY

    SJ Tech

    CONTENT COMPONENT

    SJ Tech

    ADVANCED

    SJ Tech

    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

    Contents
    The guide will help you install SJ Plus and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    Important Notes
    I. Requirement
    II. Download Template and Extensions
    III.     Quickstart Installation
    IV. Manual Installation
    V. Template setting
    VI. Upgrade
    VII.     Template Structure

    Important Notes

    I. REQUIREMENT

    Your systems meet the following requirements before proceeding the installation

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

    II. DOWNLOAD

    1. Download Template and Extensions

    STEP 1: Login at SmartAddons.com

    STEP 2: Go to Download -> Free Joomla Templates

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

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

    III. QUICKSTART INSTALLATION

    3.1 Configuration

    • Select language:


    • Main Configuration:

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

      3.2. Database Configuration

      3.3. Install Sample Data

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

      3.4. Remove or Rename the Installation folder

      The final step is removing or renaming the Installation folder


    IV. MANUAL INSTALLATION

    4.1. SJ Plus -Installation and Configuration

    • Log in Administrator of Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install

      INSTALL
    • Set SJ Plus as default template

      SET DEFAULT

    4.2. Imperative Plugins-Installation and Configuration

    You need to install: Yt Framework, Yt Shortcodes and SJ Content Related News Plugin.
    - Yt Framework supports templates in adding extra parameters for Mega Menu and compress CSS/JS/HTML when optimizing code. This guide is about installing Yt Framework, other plugins are the same

    4.2.1 Installation

    • Now you install this plugin
    • STEP 1: In Administrator on Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, choose plugin file (extracted from extensions zip file) from then click Upload & Install

      INSTALL

    • STEP 2: Now, go to Enable Yt Framework in Extension/Plug-in Manager

    4.2.2 Configuration of Yt Framework

    • After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configureYt Framework:
      • YT FRAMEWORK
    • Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
      • SJ HELP

    4.3 Other Extensions - Installation and Configuration

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

    4.3.1 Install

    4.3.1.1 List of extensions used in SJ Plus demo

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

    4.3.1.2 Installation

    • In Administrator on Joomla!, go to Extensions -> Extension Manager
      On this page, click Choose File button, choose an extension file then click Upload & Install


    • Install the rest of extensions as step above

    4.3.2. Configuration

    After installing extensions which are included in the SJ Plus template, navigate into Extensions -> Module (or Plug-in) Manager then choose the module or plug-in you want to configure. The following example is choosing a module from Module Manager:

    By this screenshot, you will see how module is placed in the default layout:
    Back

    This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

    4.3.2.1 Menu - Explore

  • Menu Item Type
    • Menu Item Type: Single Article
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.3.2.2 Menu - Joomla Pages

  • Menu Item Type
    • Menu Item Type: External URL
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.3.2.3 Menu - K2

  • Menu Item Type
    • Menu Item Type: Category Blog
  • Frontend - Back End
    • FRONTEND
    BACK END - YT MENU PARAMS
    BACK END - TREE OF MENUS

    4.3.2.4. Custom HTML Module

    There are several positions that use HTML module. Here we will configure an example. Let take "Get Social" at position Social, others will be the same.
  • Module Position - Module Suffix
    • Position: social
    Suffix: balnk
  • Frontend - Backend
    • FRONTEND - Get Social
    BACK END

    4.3.2.5 Smart Search Module

  • Module Position - Module Suffix
    • Position: search
    Suffix: blank
  • Frontend - Backend
    • FRONTEND - Smart Search
    BACK END

    4.3.2.6. SJ Carousel Module

  • Module Position - Module Suffix
    • Position: slideshow
    Suffix: blank
  • Frontend - Backend
    • FRONTEND - SJ Carousel
    BACK END

    4.3.2.7.  SJ Module Tabs

  • Module Position - Module Suffix
    • Position: left
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - SJ Tabs
    BACK END

    4.3.2.8. SJ Content Accordion Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - Hot Stories
    BACK END

    4.3.2.9.  Sj Basic News Module

  • Module Position - Module Suffix
    • Position: left
    Suffix: title1
  • Frontend - Back End
    • FRONTEND - Featured Posts
    BACK END

    4.3.2.10 Latest News Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - About Joomla
    BACK END

    4.3.2.11. Login Form Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: blank
  • Frontend - Back End
    • FRONTEND - Login Form
    BACK END

    4.3.2.12 Who's Online Module

  • Module Position - Module Suffix
    • Position: right
    Suffix: bg-content1
  • Frontend - Back End
    • FRONTEND - Who's Online
    BACK END

    Footer

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

    That's all about homepage configuration.

    V. SETTINGS

    5.1 Configuration

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

    OVERVIEW

    alt

    GENERAL

    alt

    LAYOUT

    alt

    MENU

    alt

    THEME

    alt

    TYPOGRAPHY

    alt

    CONTENT COMPONENT

    alt

    ADVANCED

    alt

     

    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

    Contents
    The guide will help you install YT News and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes
    • 1. Download Template and Extensions
    • 2. YT News Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

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

    1. Download Template and Extensions

    STEP 1: Login at SmartAddons.com

    STEP 2: Go to Download -> Free Joomla Templates

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

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

    2. YT News -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla! v2.5.x, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install


    • Set YT News as default template

    2.2 Configuration

    The parameters of YT News Template are divided into the following groups:
    • Global Settings
    • Main Body Column Settings
    • Layout Settings
    • Styles Settings
    • Top Menu Settings
    • Content Component
    • Advanced Options
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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

    Contents
    The guide will help you install SJ Real Estate and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes
    • 1. Download Template and Extensions
    • 2. SJ Real Estate Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla! 2.5
    • Content component (customized and included in Quickstart)
    • Some premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    1.1 Used for members of JTC - Joomla Template Club

    STEP 1: Login at SmartAddons.com

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

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

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

    1.2 Used for single product purchased via e-cart

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

    2. SJ Real Estate -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla! v2.5.x, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install


    • Set SJ Real Estate as default template

    2.2 Configuration

    The parameters of SJ Real Estate Template are divided into the following groups:
    • Global Settings
    • Main Body Column Settings
    • Layout Settings
    • Styles Settings
    • Top Menu Settings
    • Content Component
    • Advanced Options
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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

    • 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

    Contents
    The guide will help you install Smart News template and extensions included in this template step by step.
    If you want to install the template exactly like our demo (same data), you should purchase and install the Quickstart Package.
    • Important Notes:
    • 1. Download Template and Extensions
    • 2. Smart News Template - Installation and Configuration
    • 3. Imperative Plugins - Installation and Configuration
    • 4. Other Extensions - Installation and Configuration

    Important Notes

    Requirement:
    • Joomla! 1.7 or 2.5
    • Some premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

    1. Download Template and Extensions

    1.1 Used for members of JTC - Joomla Template Club

    STEP 1: Login at SmartAddons.com

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

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

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

    1.2 Used for single product purchased via e-cart

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

    2. Smart News -Installation and Configuration

    2.1 Installation

    • Log in Administrator of Joomla! v2.5.x, go to Extensions -> Extension Manager
      On this page, click Choose File button, select our template file you have downloaded then click Upload & Install


    • Set Smart News as default template

    2.2 Configuration

    The parameters of Smart News Template are divided into the following groups:
    • Global Settings
    • Main Body Column Settings
    • Layout Settings
    • Style Settings
    • Top Menu Settings
    • Content Component Settings
    • Advanced Options
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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
    alt

    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

    • 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
    Download 25 High-Quality Free Christmas Vector Graphics 2016
    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
    Christmas &amp; New Year Sale: Save 30% OFF Everything &amp; Get Exclusive Xmas Gifts
    Monday, 19 December 2016 17:57

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

    Published in News & Updates

    Christmas is coming to town!

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

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

    Tagged under
    Page 16 of 21

    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