Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJ! ExtensionsCommercial ExtensionsTemplate User-GuidesSJ Decou Template Userguide
October.04.2013

SJ Decou Template Userguide

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.

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.

Last modified on 11

Love all our templates?

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

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