SJ Vinda Template Userguide
- February.20.2014
This guide will help you install SJ Vinda and extensions included in the template step by step. This provides for only membeships in SmartAddons Joomla Template Clubs.
Table of content as following:
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
- Third Party Extensions package (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 Third Party:
This is the component from Third Party which is used in this template:
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.
- 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: Click here
3.2 Installation with Template and Extensions
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. Click here for getting Template package.
Step 2: Go to Extensions > Template Manager and set SJ Vinda 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. Click here for getting Extension packages.
Step 2: Install K2 Component as extensions above. Click here 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 Vinda. All of parameters of this template are divided into the following groups, in which they are explained themselves:
4.3 Menu Configuration
4.3.1. Megamenu Configuration
To configure Mega Menu, go to: Extensions --> Template manager --> open SJ Vinda template, in the Menu setting, you can configure Mega Menu. To view more guide about how to install, set up and configure SJ Mega Menu as you want, please click here
4.3.2. Menu Item Frontend & Backend Configuration
- EXPLORE MENU: TREE OF MENU - MENU PARAM
Frontend
Backend
- Module Variation: Backend
Notes: Menus below configure the same "Module Variation". And "EXPLORE MENU" configure the same to "BONUS PAGES MENU"
- JOOMLA MENU: TREE OF MENU - MENU PARAM
Frontend
Backend: Menus configure the same above. However with child menu, you should remember to select its "Parent Item" parameter. For example: Parent menu "Joomla Content" has child menu "Single Article".
- K2 MENU: TREE OF MENU - MENU PARAM
Frontend
Backend
- K2 Category: Backend
Notes: Menus below configure the same " K2 Category".
- CATEGORIES MENU: TREE OF MENU - MENU PARAM
Frontend
Backend
Categories Menu Explaination:- "Categories" is Menu Module type
- "Video Day" and "Top Comment" are K2 Content Module type
- "Recent Post" is SJ Basic News Module type
- Categories: Backend
- Video Day: Backend
- Top Comment: Backend
- Recent Post: Backend
- EVENT MENU: TREE OF MENU - MENU PARAM
Frontend
Backend
Event Menu Explaination:- "Categories"; "Quick Link"; "ADS"; "Vinda - Magazine" are Custom HTML module type. They're linked to custom html modules
- Quick Link: Backend
Code-Custom Output
Notes: "Categories"; "Vinda - Magazine" below configure the same "Quick Link".
- ADS: Backend
Code-Custom Output
4.4 Extension Configuration
4.4.1. Top Banner - Custom HTML Module
- Module Position - Module Suffix
Position: notice
Suffix: - Frontend - Backend
4.4.2. SJ K2 Splash - SJ K2 Splash Module
- Module Position - Module Suffix
Position: top1
Suffix: - Frontend - Backend
FRONTEND
4.4.3. Custom(Rss); Smart Search; Login Form; Custom(Share); Language
- Module Position - Module Suffix
Position: top2
Suffix: - Frontend - Backend
4.4.4. Slideshow - Sj K2 Slider Module
- Module Position - Module Suffix
Position: Slideshow
Suffix: slideshow - Frontend - Backend
FRONTEND
4.4.5. Adv-top - Custom HTML Module
- Module Position - Module Suffix
Position: maintop1
Suffix: - Frontend - Backend
FRONTEND
4.4.6. SJ Social Media Counts - SJ Social Media Counts Module
- Module Position - Module Suffix
Position: right
Suffix: - Frontend - Backend
FRONTEND
4.4.7. Latest news - K2 Content Module
- Module Position - Module Suffix
Position: right
Suffix: _menu - Frontend - Backend
FRONTEND
4.4.8. Popular Articles - SJ Module Tab
- Module Position - Module Suffix
Position: right
Suffix: - Frontend - Backend
FRONTEND
4.4.9. sponsored - SJ News Extra Slider Module
- Module Position - Module Suffix
Position: right
Suffix: sponsored - Frontend - Backend
FRONTEND
4.4.10. Outfit - Custom HTML Module
- Module Position - Module Suffix
Position: right
Suffix: - Frontend - Backend
4.4.11. mega_news - Sj K2 Mega News Module
- Module Position - Module Suffix
Position: position-h1
Class Suffix: - Frontend - Backend
FRONTEND
4.4.12. More... - SJ Categories for K2
- Module Position - Module Suffix
Position: bottom1
Class Suffix: sj-categories - Frontend - Backend
FRONTEND
4.4.13. Banner bottom2 - Custom HTML Module
- Module Position - Module Suffix
Position: bottom2
Class Suffix: - Frontend - Backend
4.4.14. Vinda - Custom HTML Module
- Module Position - Module Suffix
Position: bottom3
Class Suffix: - Frontend - Backend
4.4.15. Exhibitions - Module Menu
- Module Position - Module Suffix
Position: bottom4
Class Suffix: menu_footer - Frontend - Backend
FRONTEND
Notes: "bottom5" and "bottom6" configure the same
4.4.16. Follow us - Custom HTML Module
- Module Position - Module Suffix
Position: bottom7
Class Suffix: menu_footer - Frontend - Backend
4.4.17. Brand - Custom HTML Module
- Module Position - Module Suffix
Position: footer
Class Suffix: - Frontend - Backend
That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.