|
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: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:
- Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
YT FRAMEWORK
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
By this screenshot, you will see how module is placed in the default layout:
Back
4.2.1 Menu - Explore
Menu Item Type: Single Article
4.2.2 Menu - Joomla
Menu Item Type: Text Separator
4.2.3 Menu - K2
Menu Item Type: Text Separator
4.2.4 Mega Menu - Tech News
Menu Item Type: Categories
4.2.5 Login Module
Position: top-1
Suffix: blank
Suffix: blank
BACK END
4.2.6 Smart Search Module
Position: top-2
Suffix: blank
Suffix: blank
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.
Position: position-0
Suffix: blank
Suffix: blank
BACK END
4.2.8 SJ K2 Scroller Module
Position: position-5
Suffix: blank
Suffix: blank
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.
Position: position-6 (first)
Suffix: latest-news
Suffix: latest-news
BACK END
4.2.10 Sj K2 Mega News Module
Position: position-5
Suffix: blank
Suffix: blank
BACK END
4.2.11 SJ Video Box Module
Position: position-7
Suffix: blank
Suffix: blank
BACK END
4.2.12 SJ K2 Accordion Module
Position: position-7
Suffix: title1 yt-accordion
Suffix: title1 yt-accordion
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.
Position: position-11
Suffix: blank
Suffix: blank
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.
