SJ Tini

This guide will help you install SJ Tini and extensions included in the template step by step.

 

1REQUIREMENT – Back to top

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

  • Compatible with version Joomla: Joomla 3.x
  • Compatible with K2 Component: http://getk2.org/index.php and K2store: http://k2store.org/
  • Installation Packages include:
    • Quickstart Package
    • Template package only
    • Extensions package from our store

2HOW TO DOWNLOAD – Back to top

Download Packages from our store:

Step 1: Login your account

Step 2: Go to Joomla > Download > Joomla Templates Club


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

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

3HOW TO INSTALL – Back to top

There are two ways to install a Joomla Template:

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

3.1 Install with Quickstart Package:

The following steps will guide to install a quickstart package of SmartAddons Joomla Template: Click here

3.2 Install with Template and Extensions:

Log in your Administrator, go to Extensions > Extension Manager

Then install Template and Extensions as below.

3.2.1 Install Template:

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

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

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.

Step 2: Enable/Public plug-ins. Note: all plug-ins listed are imperative.

  • YT Framework Plug-in 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 j Query into template. You can go here for getting more information of this plug-in.
  • YT Shortcode offer you an amazing tool to create advanced custom content with minimal effort or even without any knowledge how to code HTML. Please go here for getting more information of this module.

You need to install and activate them when using this template. Let’s start from 1 – 2 – 3 to active plug-ins as below:

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

3.3 Install multilingual site in SJ Template

To help you better about language problem when you work with SJ Template. We will instruct you how to set up multilingual site in SJ Template. FOLLOW US!

4HOW TO CONFIGURE – 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

http://images.smartaddons.com/smartaddons/images/userguide/Joomla/sj-tini/position.png

4.2 Template Configuration

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

OVERVIEW

GENERAL

LAYOUT

TYPOGRAPHY

CONTENT

ADVANCED

If you want to make your site same as SJ Tini demo site, this would be helpful. We will only show the important, customized settings.

Frontend Appearence of Shop Menu

Tree of Shop Menu

Shop Menu

Menu Detail Settings

YT Menu Params Settings

Shop Categories Menu

Menu Detail Settings

Options Settings

YT Menu Params Settings

Note: Other menu items under has same setting with the Shop Categories menu.

News Menu

Frontend Appearence of News Menu

Tree of News Menu

Menu Detail Settings

YT Menu Params Settings


Menu Simple Tabs

Menu Detail Settings

YT Menu Params Settings

Note: Modules: “Sj K2 Simple Tabs”. To configure this module, please go to Extensions >> Module Manager >> Search “Sj Simple Tabs” to config.

Below is details of Backend Settings of “Sj K2 Simple Tabs” Module.

NOTE: Please go HERE to read more How To Configure Mega Menu for SJ Template.

4.4 Extension Configuration

4.4.1. Sj K2 Slider Top

Module Position – Module Suffix

Position: top1
Module Class Suffix: “slidertop”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “Top 1” position to configure Sj K2 Slider Top module as below:

4.4.2. K2 Store Cart

Module Position – Module Suffix

Position: search
Module Class Suffix: “storecart”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “search” position to configure K2 Store Cart module as below:

4.4.3. Search

Module Position – Module Suffix

Position: search
Module Class Suffix: “me_search”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “search” position to configure Search module as below:

4.4.4. Slideshow

Module Position – Module Suffix

Position: Slideshow
Module Class Suffix: “slideshow”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “slideshow” position to configure Sj K2 Scroller module as below:

4.4.5. Custom Images

Module Position – Module Suffix

Position: top2
Module Class Suffix: “custom-images”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top2” position to configure Custom HTML module as below:

Copy and paste the Code into editor:

4.4.6. Latest News
Module Position – Module Suffix

Position: top3
Module Class Suffix: “latestnews”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top3” position to configure SJ K2 Mega News module as below:

4.4.7. Fashion
Module Position – Module Suffix

Position: top3
Module Class Suffix: “fashionmeganew”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top3” position to configure SJ K2 Mega News module as below:

4.4.8. Showbiz
Module Position – Module Suffix

Position: top3
Module Class Suffix: “k2slideshow2″

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top3” position to configure SJ K2 Slideshow II module as below:

4.4.9. K2 Mega News 3
Module Position – Module Suffix

Position: top3
Module Class Suffix: “k2meganews3″

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top3” position to configure SJ K2 Mega News module as below:

4.4.10. Tini’s Shop
Module Position – Module Suffix

Position: top4
Module Class Suffix: “tabsextraslider”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top4” position to configure SJ module tabs as below:

4.4.11. Tini
Module Position – Module Suffix

Position: top4
Module Class Suffix: “banner1″

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top4” position to configure Custom HTML Module as below:

Copy and paste the Code into editor:

4.4.12. What’s Hot
Module Position – Module Suffix

Position: top6
Module Class Suffix: “whathottab”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top6” position to configure SJ Module Tabs as below:

4.4.13. Funny
Module Position – Module Suffix

Position: top6
Module Class Suffix: “funnyslider”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top6” position to configure SJ K2 Slick Slider as below:

4.4.14. Sj Facebook
Module Position – Module Suffix

Position: top6
Module Class Suffix: NOT USED

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top6” position to configure SJ K2 Slick Slider as below:

4.4.15. Join Us On
Module Position – Module Suffix

Position: top7
Module Class Suffix: “socialcounter”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top7” position to configure SJ social media counter module as below:

4.4.16. Featured Video
Module Position – Module Suffix

Position: top7
Module Class Suffix: “featurevideo”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top7” position to configure SJ video box module as below:

4.4.17. Tini
Module Position – Module Suffix

Position: top7
Module Class Suffix: “banner2″

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top7” position to configure Custom HTML module as below:

Copy and paste the Code into editor:

4.4.18. Top Reviews
Module Position – Module Suffix

Position: top7
Module Class Suffix: “topreviews”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top7” position to configure Custom HTML module as below:

4.4.19. Subcible Newsletter
Module Position – Module Suffix

Position: top7
Module Class Suffix: “newsletter”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “top7” position to configure acy mailing module as below:

4.4.20. Recent Upload
Module Position – Module Suffix

Position: bottom1
Module Class Suffix: “gallerypro”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “bottom1” position to configure sj gallery pro module as below:

4.4.21. Popular
Module Position – Module Suffix

Position: bottom2
Module Class Suffix: “popular”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “bottom2” position to configure K2 content module as below:

4.4.22. Twitter
Module Position – Module Suffix

Position: bottom3
Module Class Suffix: “twistter”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “bottom3” position to configure sj twitter slider module as below:

4.4.23. Tag & Keyword
Module Position – Module Suffix

Position: bottom3
Module Class Suffix: “tagkeyword”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “bottom3” position to configure K2 tools module as below:

4.4.24. Module Footer
Module Position – Module Suffix

Position: footer
Module Class Suffix: “mod_footer”

Frontend Appearance

Backend Settings

In the Administrator page, navigate Extensions >> Module Manager >> Search “footer” position to configure Menu Module as below:

5SUPPORT – Back to top

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!