• Joomla! 2.5, Joomla 3.x
• Content component (customized and included in Quickstart)
• Some premium SJ Extensions (see part 3-Core Plugins and 4-Other Extensions)

2. SJ Sport Store -Installation and Configuration

• After installing this template, please install JoomShopping Component 3.14.3.

2.2 Configuration

All of parameters of SJ Sport Store Template are divided into the following groups, in which they are explained themselves:

OVERVIEW

GENERAL

LAYOUT

MENU

THEME

TYPOGRAPHY

CONTENT COMPONENT

ADVANCED

3.1 Installation

• Now you install Yt Framework Plugin, SJ Content Related News, Yt Shortcode and SJ Responsive Listing Ajax for JoomShopping in turn
• STEP 1: In Administrator on Joomla! v2.5.x, 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
  
  
  


• STEP 2: Now, go to Enable  Yt Framework Plugin,Yt Shortcode, SJ Responsive Listing Ajax for JoomShopping and SJ Content Related News in Extension/Plug-in Manager

3.2 Configuration of Yt Framework Plugin

• After installing Yt Framework, go to Extension -> Plug-in Manager and choose to configure Yt Framework:
YT FRAMEWORK

• Configure Yt Framework to show SJ Help with Report Bugs, Template Tutorials and YT Framework Tutorials or include jQuery into template
SJ HELP

4.1 Install

4.1.1 List of extensions used in SJ Sport Store demo

You can find a list of modules/plugins/components which are used in SJ Sport Store by clicking menu Features -> Extensions of demo Website

4.2 Configuration

After installing extensions which are included in the SJ Sport Store 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:

This guide will help you place essential menus (Mega Menu), modules (one example each type) and other blocks as homepage of demo Website:

4.2.1 Mega Menu - Home

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - Top videos (1)

BACKEND - Latest News (2)

4.2.2 Mega Menu - Explore

Menu Item Type

Menu Item Type: Single Article

Frontend - Backend

FRONTEND

BACKEND - YT MENU PARAMS

BACKEND - TREE OF MENUS

4.2.3 Custom HTLM

There are several positions that use Custom HTML module. Here we will configure an example. Let take Top menu at position top 1, others will be the same.

Frontend - Backend

FRONTEND - Top Menu
BACK END

CUSTOM CODE: Top Menu

                                                                         
<ul class="menu _menutop">
<li><a class="my_account" href="/component/jshopping/?controller=user&task=editaccount&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Account</a></li>
<li><a class="my_wishlist" href="/component/jshopping/?controller=wishlist&task=&category_id=&manufacturer_id=&label_id=&vendor_id=&page=&price_from=&price_to=">My Wishlist</a></li>
</ul>

4.2.4 Smart Search Module

Module Position - Module Suffix

Position: top2
Suffix: Not used

Frontend - Backend

FRONTEND - Smart Search
BACK END

4.2.5 Jshopping Cart

Module Position - Module Suffix

Position: top2
Suffix: Not used

Frontend - Backend

FRONTEND - Jshopping Cart
BACK END

4.2.6 SJ Dynamic Slideshow

Module Position - Module Suffix

Position: position 0
Suffix: dynamic-slideshow

Frontend - Backend

FRONTEND - SJ Dynamic Slideshow
BACK END

NOTE: Please go HERE to view more SJ Dynamic Slideshow User-guide

4.2.7 SJ Product for JoomShopping

Module Position - Module Suffix

Position: Position 5
Suffix: title4 latest-product

Frontend (demo layout above) - Backend

FRONTEND - New Product
BACK END

4.2.8 SJ News Fontpage

Module Position - Module Suffix

Position: Position 16
Suffix: title4-sj-fontpage

Frontend - Backend

FRONTEND - Featured Technology
BACK END

4.2.9 SJ Responsive Listing for JoomShopping

There are several positions that use SJ Responsive Listing for JoomShopping module. Here we will configure an example. Let take "Bike" at Position 15, others will be the same.

Module Position - Module Suffix

Position: Position 15
Suffix: blank responsive-listing

Frontend - Backend

FRONTEND - Bikes
BACK END

4.2.10 Banner Module

Module Position - Module Suffix

Position: Position 15
Suffix: banne-health blank

Frontend - Backend

FRONTEND - Banner
BACK END

4.2.11 SJ Slider

Module Position - Module Suffix

Position: Position 8
Suffix: blank sj-content-slider

Frontend (demo layout above) - Backend

FRONTEND - Slider
BACK END

4.2.12 Menu Module

There are several positions that use Menu module. Here we will configure an example. Let take "Get Help" at Position 11, others will be the same.

Module Position - Module Suffix

Position: Position 11
Suffix: _menufoot@book

Frontend - Backend

FRONTEND - Menu: Get Help
BACK END

4.2.13.  Other Extensions

4.2.13.1. Jshopping Bestseller Products

Module Position - Module Suffix

Position: mega 6
Suffix: best-seller

Frontend - Backend

FRONTEND - Best Seller
BACK END

4.2.13.2. Jshopping Categories

Module Position - Module Suffix

Position: Position 7
Suffix: _menu

Frontend - Backend

FRONTEND - Categories
BACK END

That's homepage. For other advanced and customized configurations, please submit ticket OR purchase our installation services.