SJ WaveNews

View demoMore detail
This guide will help you install SJ WaveNews Template step by step.

 

1SYSTEM REQUIREMENTS – Back to top

SJ WaveNews is compatible with Joomla v2.5 and Joomla v3.x. Please make sure your system meets the following requirements:

1.1 System Requirements – Joomla version 2.5

Software

  • Software: PHP 5.2.4+ (5.4+ recommended)
  • MySQL: 5.0.4+

Web Sever

  • Apache: 2.x+
  • Microsoft: IIS 7
  • Nginx: 1.0 (1.1 recommended)

1.2 System Requirements – Joomla version 3.x

Software

  • Software: PHP 5.3.1+ (5.4+ recommended)

Databases

  • MySQL(InnoDB support required): 5.1+
  • MSSQL 10.50.1600.1+
  • PostgreSQL 8.3.18+

Web Severs

  • Apache 2.x+
  • Microsoft IIS 7
  • Nginx 1.0 (1.1 recommended)

1.3 Browser Requirements

The requirements are the same with both Joomla 2.5 and Joomla 3.x

  • Firefox 4+
  • IE (Internet Explorer) 9+
  • Google Chrome 10+
  • Opera 10+
  • Safari 5+

1.4 Development Environment

The requirements are the same with both Joomla 2.5 and Joomla 3.x

During the development process, Localhost is preferred. You can use the following servers on your PC to develop your site.

Windows

  • WAMPSEVER
  • XAMPP for Windows

Linux

  • LAMP Bubdle
  • XAMPP for Linux

Mac OS

  • MAMP & MAMP Pro
  • XAMPP for Mac OS

1.5 Component Requirements

K2 Component

2DOWNLOAD – 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 –> Find and Download Template as you want

3INSTALLATION – 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:

3.2.1 Install Template

 

Step 1: Access the installation panel

Navigate to Extensions >> Extension Manager.

Step 2: Install Template

  • Install with option: Upload Package File

Firstly, you choose file template.zip then click on the button Upload & Install to install the uploaded package.

Step 3: Set New Installed Template As Default Template

  • Go to Extensions >> Template Manager.

  • In order to display your site with the new installed template, you have to set the template as default template

3.2.2 Install Extensions

 

The extensions package include of (Modules/Components and Plugins).

Note: Extensions installation is the same with Template installation as above

Here is list of extensions that are used in the template.


ENABLE MODULES

  • Go to Extensions >> Module Manager.

  • Find the new installed module. For example: with “SJ Contact Ajax “ module.

You can use the search or filter option to find the new installed module easier and enable module.

  • Enable and set position for the module

When you find the new installed module, please open its configuration panel.

To display the module in front-page, you must publish it and set right position for the module.

Please note that not all module positions can be active in front-page, so please make sure the module is assigned to an active module position.

  • Assign the modules to specific menus

You have to assign the modules to specific menus so that the module will be displayed in the assigned menus. There are 4 options : “On all pages, No pages, Only on the pages selected, On all pages except those selected”

  • Configure the new installed module

Normally, each module has its own settings, the settings allow you to customize the module so that you can have it displayed in front-page as you wish.

ENABLE PLUGIN

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 jQuery into template. You can go here for getting more information of this plugin.
  • 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 plugin.
  • SJ Content Related News is a simple plugin for content component. It helps you to show other articles in the same category. Please go here for getting more information of this plugin.

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


Install Component

    To Install K2 Component, you can follow these steps:
    Step 1: Please go to Extensions >> Extension Manager

    Step 2: Choose file K2 Component.zip that you have downloaded and then Click on the button Upload & Install to install the uploaded package.

3.3 Install multilingual site in SJ Template

To help you about language problem when you work with SJ Template, please read this post: how to set up a multilingual site in SJ Template.

4CONFIGURATION – Back to top

 
To view the Module Positions you can follow these steps:
 
Step 1: Go to Extensions >> Template Manager >> click the “Options” button in the toolbar.
 

 
Step 2: In the “Preview Module Positions” parameter >> click“Enable” and click the “Save” button
 

 
Step 3: Joomla 2.5 and Joomla 3.x will show the Template positions with ?tp=1 or &tp=1
 

 
Step 4:The image below shows Module Positions
 

 

4.1 Layout Position

4.1.1 Layout1

4.1.2 Layout2


Note: To select the Layout1, Layout2, please go to Extension >> Template Manager >> Click the “Layout” on the left column and choose the Layout you want.

4.2 Template Configuration – Layout1

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

OVERVIEW

GENERAL

LAYOUT

TYPOGRAPHY

CONTENT

TOOLS UTILITIES

ADVANCED

If you want to make your site same as SJ WaveNews demo site, this would be helpful. We will only show the important, customized settings.
 To display the Menu in SJ WaveNews, please go to Extensions >> Template Manager >> Click “Menus” parameters >> Find “Menu Type” >> choose Menu you want and click the “Save” button.
 

 
To change logo image in SJ WaveNews, please go to here

4.3.1. Mega1 Menu Configuration

Frontend Appearance

Backend Settings

1.Mega1 Menu

To configure “Mega1 Menu”, please go to Menus >> Main menu – English >> Find “Mega1 Menu” (you can create new menu if this menu is not exist).
Menu Item Type: External URL
Template Style: Use default
Menu Location: Main menu – English

2. Recent Post

Module Class Suffix: k2-mega-menu
Position: Mega2
Menu Type: K2 Content
To configure Recent Post, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.
Backend Settings

4.3.2 Mega2 Menu Configuration

Frontend Appearance


Backend Settings

Mega2 Menu

To configure “Mega2 Menu”, please go to Menus >> Main menu – English >> Find “Mega2 Menu” (you can create new menu if this menu is not exist).
Menu Item Type: External
Template Style: Use default
Menu Location: Main menu – English

Popular Post
Module Class Suffix: k2-mega-menu
Position: Mega3
Menu Type: K2 Content
To configure Popular Post, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.
Backend Settings

4.4 Extension Configuration – Layout1

4.4.1 Menu Top – Top1 Position
 
Module Position – Module Suffix

Position: Top1
Module Class Suffix: menu-top
Module Type: Menu

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.4.2 Top2 Position
 
Frontend Appearance

4.4.2.1 Language Switcher – Top2 Position
 
Module Position – Module Suffix

Position: Top2
Module Class Suffix: me-language
Module Type: Language Switcher

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Language Switcher” module.

4.4.2.2 Login Form – Top2 Position
 
Module Position – Module Suffix

Position: Top2
Module Class Suffix: me-login
Module Type: Login

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Login” module.

4.4.3 Search K2 – Search Position
 
Module Position – Module Suffix

Position: Search
Module Class Suffix: me_search
Module Type: K2 Tools

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Tools” module.

4.4.4 Maintop1 – Position
 
Frontend Appearance

4.4.4.1 List Custom Html Layout 1 – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: list-custom-layout1
Module Type: Custom HTML

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.4.4.2 Sj K2 Slider 1 – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: slideshow
Module Type: Sj K2 Slider

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slider” module.

4.4.4.3 Sj K2 Slider 2 – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: slideshow
Module Type: Sj K2 Slider

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slider” module.

4.4.4.4 K2 Content Slideshow – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: k2-style-one
Module Type: K2 Content

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

4.4.4.5 Breaking – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: breaking
Module Type: Sj K2 Slider

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slider” module.

4.4.4.6 Popular Post – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: slide-k2-popular
Module Type: Sj K2 Slider

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slider” module.

4.4.4.7 Latest Post – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: k2-latest-post
Module Type: Sj Mega K2 Items II

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Mega K2 Items II” module.

4.4.4.8 Banner Main – Maintop1 Position
 
Module Position – Module Suffix

Position: Maintop1
Module Class Suffix: banner
Module Type: Custom HTML

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
Note: To change the font color of the Category.

Please go to Component >> K2 >> Categories

4.4.5 Maintop2 – Position
 
Frontend Appearance

4.4.5.1 Sports – Maintop2 Position
 
Module Position – Module Suffix

Position: Maintop2
Module Class Suffix: me-k2-mega-news
Module Type: Sj Mega News for K2

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Mega News for K2” module.

4.4.5.2 Gallery – Maintop2 Position
 
Module Position – Module Suffix

Position: Maintop2
Module Class Suffix: slide-gallery
Module Type: Sj K2 Slideshow II

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slideshow II” module.

4.4.5.3 Lifestyle – Maintop2 Position
 
Module Position – Module Suffix

Position: Maintop2
Module Class Suffix: me-k2-mega-news style2
Module Type: Sj Mega News for K2

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Mega News for K2” module.

4.4.6 Right – Position
 
Frontend Appearance

4.4.6.1 Social Share – Right Position
 
Module Position – Module Suffix

Position: Right
Module Class Suffix: social-share
Module Type: SJ Social Media Counter

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Social Media Counter” module.

4.4.6.2 Newsletter – Right Position
 
Module Position – Module Suffix

Position: Right
Module Class Suffix: newsletter style-right
Module Type: AcyMailing Module

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “AcyMailing Module” module.

4.4.6.3 Related News – Right Position
 
Module Position – Module Suffix

Position: Right
Module Class Suffix: slide-k2-related
Module Type: Sj K2 Slider

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slider” module.

4.4.6.4 Calendar – Right Position
 
Module Position – Module Suffix

Position: Right
Module Class Suffix: calendar-k2
Module Type: K2 Tools

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Tools” module.

4.4.6.5 Latest Reviews – Right Position
 
Module Position – Module Suffix

Position: Right
Module Class Suffix: k2-latest-reviews
Module Type: K2 Content

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

4.4.7 SJ Highlight Items For K2 Layout 1 – Maintop3 Position
 
Module Position – Module Suffix

Position: Maintop3
Module Class Suffix: style-me-highlight
Module Type: SJ Highlight Items For K2

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Highlight Items For K2” module.

4.4.8 Entertainment – Maintop4 Position
 
Module Position – Module Suffix

Position: Maintop4
Module Class Suffix: k2-content-entertaiment
Module Type: K2 Content

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

4.4.9 Maintop5 – Position

 
Frontend Appearance

4.4.9.1 Tags – Maintop5 Position
 
Module Position – Module Suffix

Position: Maintop5
Module Class Suffix: me-tags-style
Module Type: K2 Tools

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Tools” module.

4.4.9.2 Banner Right – Maintop5 Position
 
Module Position – Module Suffix

Position: Maintop5
Module Class Suffix: banner
Module Type: Custom HTML

 
Frontend Appearance


Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 

4.4.10 Banner Bottom – Maintop6 Position
 
Module Position – Module Suffix

Position: Maintop6
Module Class Suffix: banner
Module Type: Custom HTML

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.4.11 Wavenew Bottom – Bottom1 Position
 
Module Position – Module Suffix

Position: Bottom1
Module Class Suffix: wavenew-bottom
Module Type: Custom HTML

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.4.12 Most Popular – Bottom2 Position
 
Module Position – Module Suffix

Position: Bottom2
Module Class Suffix: most-popular
Module Type: K2 Content

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Content” module.

4.4.13 Categories – Bottom3 Position
 
Module Position – Module Suffix

Position: Bottom3
Module Class Suffix: menu-cate-k2
Module Type: K2 Tools

 
Frontend Appearance

Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “K2 Tools” module.

4.4.14 Twitter – Bottom4 Position

Module Position – Module Suffix

Position: Bottom4
Module Class Suffix: twitter
Module Type: SJ Twitter Slider

 
Frontend Appearance


Backend Settings
To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Twitter Slider” module.

4.4.15 Menu Bottom – Footer Position

Module Position – Module Suffix

Position: Footer
Module Class Suffix: menu-bottom
Module Type: Menu

 
Frontend Appearance


Backend Settings
To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Menu” module.

4.5 Extension Configuration – Layout2

4.5.1 Sj K2 Slick Slider – Slideshow Position
 
Module Position – Module Suffix

Position: Slideshow
Module Class Suffix: me-style-k2-slideshow
Module Type: Sj K2 Slick Slider

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slick Slider” module.

4.5.2 Excepteur Sint Occaecat Cupidatat – Top3 Position
 
Module Position – Module Suffix

Position: Top3
Module Class Suffix: exce-sint
Module Type: Custom HTML

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.5.3 Most recent projects – Top4 Position
 
Module Position – Module Suffix

Position: Top4
Module Class Suffix: most-recent-project
Module Type: SJ Highlight Items For K2

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “SJ Highlight Items For K2” module.

4.5.4 Why choose us – Top5 Position
 
Module Position – Module Suffix

Position: Top5
Module Class Suffix: why-choose-us
Module Type: Custom HTML

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.5.5 Our Team – Top6 Position
 
Module Position – Module Suffix

Position: Top6
Module Class Suffix: slider-our-team
Module Type: Sj K2 Slider

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj K2 Slider” module.

4.5.6 Who are we – Top7 Position
 
Module Position – Module Suffix

Position: Top7
Module Class Suffix: who-are-we
Module Type: Custom HTML

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.5.7 What my customers say – Top9 Position
 
Module Position – Module Suffix

Position: Top9
Module Class Suffix: what-my-say
Module Type: Custom HTML

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 
4.5.8 Get In Touch With Us – Top10 Position
 
Module Position – Module Suffix

Position: Top10
Module Class Suffix: get-in-touch
Module Type: Sj Contact Ajax

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Sj Contact Ajax” module.

4.5.9 Happy Client – Top11 Position
 
Module Position – Module Suffix

Position: Top11
Module Class Suffix: happy-client
Module Type: Custom HTML

Frontend Appearance

 
Backend Settings

To configure this module, please go to Extensions >> Module Manager >> Click “New” button to create a new module >> Select “Custom HTML” module.

Copy and paste the Code into editor:

 

6SUPPORT – 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!