• Module Class Suffix - Please refer here
• Select Categories - Here you can choose some categories which you want to read products for the module
• For Special Products - Allow you to filter articles with 3 options:
  • Hide Featured Items: Hide items which are Featured Items
  • Only Featured Items: Show Featured Items only
  • Show: Show all Items

• Sort Order By - Allow you to sort order articles by
  • Date
  • Order
  • Hits
  • Random

• Total Products - Total Product which you want to show in the module
• The Columns of Products - The Param uses for Theme 3 and Theme 4. It's number of columns which you want to show products

• Max length of product title - The max number of character of product title which can be showed
• Open Link
  • Same window: Open the link in the same window
  • New window: Open the link in the new window
• Link for Title of Product - Enable/Disable link for Title of Product
• Show Title of Category - You can show/hide the Title of category
• Show Title of Product - You can show/hide the Title of product
• Show price of product - You can show/hide price of product
• Show Brief of Product Description - You can show/hide the Brief of Product Description
• Type of description - We support 2 types for showing description:
  
  • Count characters: The Description will be limited the number of character for showing
  • Use entire description text: The Description will be showed all
• Description max of product - This param uses for "Count character" type of description. This is the limited number of character for showing.
• Color of product name - You can change color of product name
• Color of description - You can change color of description
• Color of Price - You can change color of price
• Background color - You can change color of background of module
• Show Read More Link - You can Show/hide link of Read More
• Read More text - Here you can change text of Read More
• Show link viewing all products - You can enable/disable the link to show all product
• View all text - Here you can change text of View all product

• Link for category image - You can enable/disable link for category image
• Show product thumb image - You can show/hide thumb image of product
• Link for product thumb image - You can enable/disable link for product thumb image
• Category thumbnail width/height - You can change width/height of category thumbnail
• Product thumbnail width/height - You can change width/height of product thumbnail
• Width of products column - Here you can change width of product columns
• Category thumbnail mode - Type of resizing of category thumbnail
  • Resized
  • Crop
• Product thumbnail mode - Type of resizing of product thumbnail
  • Resized
  • Crop

• Auto Play - The Slideshow can be auto played or no
• Slideshow speed - The time to move to next product
• Timer speed - The time to run effect
• Select a theme - We support 4 themes for your site
• Select an effect - We support 25 effect for your site

• Custom URL - This param allows you to customize the link of each article. If you do not want to go to the detail page of article, you can change the link to another. In the textarea of Custom HTML, please use the following syntax:
  • ArticleID_1:New_URL_1
  • ArticleID_2:New_URL_2
  • ...

With:

• ArticleID_1, ArticleID_2,... are ids of articles. You can see the Id column in Article Manager page
• New_URL_1, New_URL_2, New_URL_3 are links which you want to replace the orginal links. Format: http://www.newlink.com

• Intro text - You can insert text which you want to show in the top of module
• Footer text - You can insert text which you want to show in the footer of module

• Caching
  • Do not use Cache: Turn off caching
  • Use Cache: Turn on caching
• Cache Times - The time to cache
• Include jQuery Library - enable/disable jQuery Library.
• Note - You can insert text which you want to show in the footer of module

• Module Class Suffix - Please refer here
• Item Type - We support 2 types:
  • Category
  • Item Ids
• Item Ids - Support for Ids of Items. You can read it
• Select option - We support 2 options Category or Section, you can choose one option, the result will show into Select Categories or Sections option.
• Select Categories or Sections - Here you can choose some categories or sections which you want to read articles for the module
• Custom URL - This param allows you to customize the link of each article. If you do not want to go to the detail page of article, you can change the link to another. In the textarea of Custom HTML, please use the following syntax::
  • ArticleID_1:New_URL_1
  • ArticleID_2:New_URL_2
  • ...
  With:
  
  • ArticleID_1, ArticleID_2,... are ids of articles. You can see the Id column in Article Manager page
  • New_URL_1, New_URL_2, New_URL_3 are links which you want to replace the orginal links. Format: http://www.newlink.com
• For Featured Items - Allow you to filter articles with 3 options:
  • Hide Featured Items: Hide items which are Featured Items
  • Only Featured Items: Show Featured Items only
  • Show: Show all Items

• Sort by Field - Allow you to sort order articles by
  • Date
  • Order
  • Hits
  • Random

• The Amount of Articles - Total articles which you want to show in the module

• Show Title - You can show/hide the Title of Item
• Show Main Description - You can show/hide the Main Description
• Show Normal Description - You can show/hide Normal Descriptions
• Show Read More Link - You can Show/hide link of Read More
• Title Color - You can change color of title of Item
• Max length of title - The max number of character of title article which can be showed
• Max length of Main Description - The max number of character of main description which can be showed
• Max length of Normal Description - The max number of character of normal description which can be showed
• Width Module - You can set width by pixel for the module here.
• Open Link
  • Same window: Open the link in the same window
  • New window: Open the link in the new window
• Show Date - You can show/hide the Date which you creat the Item
• Link for Title - Enable/Disable link for Title of Article
• Link For Image - Allow to show/hide link for main Image

• Large Thumbnail Width - You can change width of thumbnail here
• Large Thumbnail Height - You can change Height of thumbnail here
• Small Thumbnail Width - You can change width of thumbnail for normal item here
• Small Thumbnail Height - You can change height of thumbnail for normal item here
• Resized Image type
  • Resized
  • Crop

• Select a theme - We support 4 themes for your site

• Caching
  • Do not use Cache: Turn off caching
  • Use Cache: Turn on caching
• Cache Times - The time to cache
• Include jQuery Library - enable/disable jQuery Library.
• Note - You can insert text which you want to show in the footer of module

• Module Class Suffix - Please refer here
• Select option - We support 2 options Category or Section, you can choose one option, the result will show into Select Categories or Sections option.
• Select Categories or Sections - Here you can choose some categories or sections which you want to read articles for the module
• Article Type - Allow you to filter articles with 3 options:
  • Without Frontpage Articles: Hide items which are frontpage articles
  • Frontpage Articles: Show frontpage article only
  • Both: Show all article

• Sort by Field - Allow you to sort order articles by
  • Date
  • Order
  • Hits
  • Random

• The Amount of Articles - Total articles which you want to show in module
• Article Start - The first article which is showed
• Auto play - Slide can be auto play
• Width Module - Allows you to add a width for the module.
• Height Of Small Items - Allows you to add a height for the small items.

• Max length of title - The max number of character of title article which can be showed
• Open Link
  • Same window: Open the link in the same window
  • New window: Open the link in new window
• Link for Caption - Enable/Disable link for Caption of Article
• Link For Image - Allow to show/hide link for main Image
• Show intro text - You can show/off brief description
• Show Read More Link - You can show/off Read More Link of article
• Max length of Description - The max number of character of description which can be showed
• Description Color - Allow you change the color of Description

• Large Thumbnail Width - You can change width of thumbnail here
• Large Thumbnail Height - You can change Height of thumbnail here
• Description box Width - You can change width of box for covering the description
• Resized Image type
  • Resized
  • Crop

• Stop when hover - The slide show will be stop/continue when you hover
• Slideshow speed - Time to show one slide
• Timer speed - Time to change slide

• Select a theme - We support Wood theme and Black theme
• Sellect an Effect - We support 25 effect for your site
• Show images on the right - You can show/hide image on the right
• Button themes - The style of button: Cycle or Number
• Caption Background - You can change color of background of caption
• Caption Color - You can change color of Caption
• Show Navigation - You can show/off Navigation
• Show caption - You can show/hide Caption if you want

• Caching
  • Do not use Cache: Turn off caching
  • Use Cache: Turn on caching
• Cache Times - The time to cache
• Include Mootools Library - enable/disable Mootools library.
• Note - You can insert text which you want to show in the footer of module

1. REQUIREMENT

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

• Compatible with version Joomla: Joomla! 2.5.x, Joomla 3.3
• 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

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

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.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 Atom 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.
• SJ Contact Ajax and SJ Content Responsive Listing Ajax plugins are using for loading ajax in SJ Contact Ajax module (in pos-blog position) and SJ Content Responsive Listing module (in pos-contact position)

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

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

4.1 Modules Positions

Please click on the image for viewing full Module Positions

4.3 Menu Configuration

4.3.2. Menu Items of Default Menu Type - Main Menu

Firstly, let check the menu item tree of Main Menu in the bellow image (click on image for viewing more detail)

4.3.2.1. About Us - Services - Fashion - Blog - Testimonial - Contact

All menus above are external URLs and link to module positions. They are the same configuration of menu so we will guide About Us menu for example. Please see in the bellow image:

4.3.2.2. Explore

FRONTEND

BACKEND - Explore

BACKEND - Template Info - Other Component - Joomla Content - K2

Setting of Template Info, Other Component, Joomla Content and K2 menus are the same so we will guide backend of Template Info for expample

4.4.1. Module HTML Custom - Bars for switching backgrounds

• Module Position - Module Suffix
  Position: postition-bar
  Suffix: change-bg
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

        
  <ul class="list-item clearfix">
  <li class="active col3">bg1</li>
  <li class="col3">bg2</li>
  <li class="col3">bg3</li>
  <!--
  <li class="first col3">images/background/bg3.jpg</li>
  --> 
  </ul>
  

4.4.2. Module HTML Custom - Social

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

  

  BACKEND

  CODE - CUSTOM OUTPUT

        
  <ul>
  <li><a href="https://www.facebook.com/SmartAddons.page" target="_blank"><em class="facebookcircle"></em></a></li>
  <li><a href="#"><em class="flickrcircle"></em></a></li>
  <li><a href="#"><em class="pluscircle"></em></a></li>
  <li><a href="https://twitter.com/smartaddons" target="_blank"><em class="twitterbirdcircle"></em></a></li>
  <li><a href="#" target="_blank"><em class="vimeocircle"></em></a></li>
  <li><a href="#" target="_blank"><em class="dribbblecircle"></em></a></li>
  </ul>
  ss 

4.4.3. Module HTML Custom - About Us Text

• Module Position - Module Suffix
  Position: pos-aboutus
  Suffix: block-title blank
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

  Get to Know More About Us
  Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel
  

4.4.4. Module SJ News Scroller

• Module Position - Module Suffix
  Position: pos-aboutus
  Suffix: scroller no-modal
• Frontend - Backend
  FRONTEND

  

  BACKEND

Please refer here for getting how to configure params SJ News Scroller module

4.4.5. Module SJ News Extra Slider

• Module Position - Module Suffix
  Position: pos-aboutus
  Suffix: our-member no-modal
• Frontend - Backend
  FRONTEND

  

  BACKEND

Please refer here for getting how to configure params of SJ News Extra Slider module

4.4.6. Module HTML Custom - Our Services

• Module Position - Module Suffix
  Position: pos-services
  Suffix: block-title blank
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

  Our Services
  Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel
  

4.4.7. Module SJ Basic News

• Module Position - Module Suffix
  Position: pos-services
  Suffix: services no-modal
• Frontend - Backend
  FRONTEND

  

  BACKEND

4.4.8. Module HTML Custom - Fashion Gallery

• Module Position - Module Suffix
  Position: pos-fashion
  Suffix: block-title blank
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

  Fashion Gallery
  Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel
  

4.4.9. Module SJ News Ajax Tabs

• Module Position - Module Suffix
  Position: pos-fashion
  Suffix: fashion no-modal
• Frontend - Backend
  FRONTEND

  

  BACKEND

Please refer here for getting how to configure params of SJ News Ajax Tabs module

4.4.10. Module HTML Custom - Welcome to blog

• Module Position - Module Suffix
  Position: pos-blog
  Suffix: block-title blank
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

  Welcome to blog. Have a nice reading !
  Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel
  

4.4.11. Module SJ Content Responsive Listing

• Module Position - Module Suffix
  Position: pos-blog
  Suffix: mod-blog no-modal
• Frontend - Backend
  FRONTEND

  

  BACKEND

Please refer here for getting how to configure params SJ Content Responsive Listing module

4.4.12. Module HTML Custom - Testimonials

• Module Position - Module Suffix
  Position: pos-testimonials
  Suffix: block-title blank
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

  Testimonials
  Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel
  

4.4.13. Module SJ News Extra Slider - Testimonials

• Module Position - Module Suffix
  Position: pos-testimonials
  Suffix: testimonials
• Frontend - Backend
  FRONTEND

  

  BACKEND

4.4.14. Module HTML Custom - Contact Us

• Module Position - Module Suffix
  Position: pos-contact
  Suffix: block-title blank
• Frontend - Backend
  FRONTEND

  

  BACKEND

  CODE - CUSTOM OUTPUT

  Contact Us
  Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel
  

4.4.15. Module SJ Contact Ajax - Contact Us

• Module Position - Module Suffix
  Position: pos-contact
  Suffix: mod-contact
• Frontend - Backend
  FRONTEND

  

  BACKEND

Please refer here for getting how to configure params SJ Contact Ajax module

Table of content as following:

• 1. Requirement
• 2. How to Download
• 3. How to Installation
• 4. How to configuration

1. REQUIREMENT - Back to top

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

• Compatible with version Joomla: Joomla! 2.5.x
• Compatible with version Virtuemart: v2.0.22c
• 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:;

• Virtuemart 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 Viste 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 Virtuemart Component as extensions above. Do as this for getting package of Virtuemart 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

I. DOWNLOAD

II. INSTALLATION

III. UPDATE

1. Templates are using YT Framework v2

With all templates are using YT Framework from v2 to later, you can update this plugin online. 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. Let's go to Template Configuration and Update now!

2. Templates are using YT Framework v1

With all templates are using YT Framework v1 to before v2, you can update to YT Framework v2 but without new features of YT Framework v2. To do this work, let's install YT Plugin v2 to replace YT Plugin v1 the first then please go to ROOT/templates/YOUR_TEMPLATE/includes/yt_template.class.php and replace following code as after: