SJ Muzik

This guide will help you install SJ Muzik 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! 2.5.x, Joomla 3.x
  • Compatible with version Joomshopping: 3.16.0
  • Installation Packages include:
    • Quickstart Package
    • Template package only
    • Extensions package from our store
    • Third Party Extensions package (if have)

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:

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 Install 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.

Step 2: Go to Extensions > Template Manager and set SJ Muzik 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.

Step 2: 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

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

4.2 Template Configuration

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

OVERVIEW

GENERAL

LAYOUT

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

4.3 Menu Configuration

4.3.1 Megamenu Configuration

To configure Mega Menu, go to: Extensions –> Template manager –> open SJ Muzik 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

FRONTEND

BACKEND

Home Menu Explanation

- “Category 1″, “Category 2″ and “Article Content” are same module type. They’re linked to Custom HTML module.

- “Last Products” linked to Jshopping Last Products Module

  1. Category 1 & Category 2: Backend
  2. Code – Custom Output

  3. Article content: Backend
  4. Code – Custom Output

  5. Last Product: Backend
FRONTEND

BACKEND

Drums Menu Explanation:
- “Items slider” is linked to “Sj Slider for JoomShopping” module

- Items slider: Backend

FRONTEND

BACKEND

Guitar Menu Explanation:

- “Video” and “About us” are Custom HTML module type. they’re linked to custom html modules

  1. Video: Backend
  2. About Us: Backend

Code – Custom Output

 

FRONTEND

BACKEND

- Module Variations: Backend

Notes: JOOMLA PAGES MENU; JOOMSHOPPING MENU & BONUS PAGES MENU configure the same to EXPLORE MENU

4.4 Extension Configuration

4.4.1. SIGN IN MODULE

    • Module Position – Module Suffix
Position: topmenu
Suffix:

4.4.2. JSHOPPING CURRENCIES MODULE

    • Module Position – Module Suffix
Position: topmenu
Suffix:

4.4.3. JOOMFISH LANGUAGE SELECTOR

    • Module Position – Module Suffix
Position: topmenu
Suffix:

4.4.4. JSHOPPING CART MODULE

    • Module Position – Module Suffix
Position: topmenu
Suffix:

4.4.5. SEARCH MODULE

    • Module Position – Module Suffix
Position: search
Suffix:

4.4.6. SJ SLIDER MODULE

    • Module Position – Module Suffix
Position: slideshow
Suffix: clear nomarginbottom
    • Frontend – Backend
      Frontend

      Backend

      To view more guide about how to install, set up and configure SJ SLIDER as you want, please Click here

4.4.7. FREE SHIPPING – CUSTOM HTML MODULE

    • Module Position – Module Suffix
Position: top1
Suffix: clear
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output
4.4.8. MONEY BACK GUARANTEE

    • Module Position – Module Suffix
Position: top2
Suffix: clear
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output 
       

4.4.9. AITHENTICITY GUARANTEED  – Custom HTML Module

    • Module Position – Module Suffix
Position: top3
Suffix: clear
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output
4.4.10. PROMOTIONS – Custom HTML Module

    • Module Position – Module Suffix
Position: top4
Suffix: clear
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output
4.4.11. OUR PRODUCT – Sj Module Tabs

    • Module Position – Module Suffix
Position: maintop2
Suffix: nobgcon

4.4.12. INTRODUCTION COMPANY - Custom HTML Module

    • Module Position – Module Suffix
Position: bottom1
Suffix:
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output 
       

4.4.13. STORE EDUCATION – Custom HTML Module

    • Module Position – Module Suffix
Position: bottom2
Suffix:
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output
4.4.14. CUSTOMER SERVICES – Custom HTML Module

    • Module Position – Module Suffix
Position: bottom2
Suffix: clear
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output
Note: “bottom4″ configures the same with “bottom3″

4.4.15. SOCIAL NETWORKING – Custom HTML Module

  • Module Position – Module Suffix
Position: bottom5
Suffix:
    • Frontend – Backend
      Frontend
      Backend
      Code – Custom Output
4.4.16. NEWSLETTER – MODULE CUSTOM HTML

    • Module Position – Module Suffix
Position: bottom6
Suffix:

4.4.17. LATEST NEWS – SJ NEWS EXTRA SLIDER

  • Module Position – Module Suffix
  • Position: right
    Suffix:
    • Frontend – Backend
      Frontend
      Backend

      To view more guide about how to install, set up and configure EXTRA SLIDER as you want, please click here

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!