Vacation Announcement: 35% OFF on Developer Plan & Support Notice
0
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeJoomla TemplatesTemplate User-GuidesSJ Sport Store Template User Guide

SJ Sport Store Template User Guide

Contents

The guide will help you install SJ Sport Store and extensions included in this template step by step.
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 Sport Store Template - Installation and Configuration
  • 3. Imperative Plugins - Installation and Configuration
  • 4. Other Extensions - Installation and Configuration

Important Notes

Requirement:
  • 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)

1. Download Template and Extensions

1.1 Used for members of JTC - Joomla Template Club

STEP 1: Login at SmartAddons.com

STEP 2: Go to Download -> Joomla Templates Club (JTC)

STEP 3: Under Premium Joomla Templates, click SJ Sport Store to download

STEP 4: Under SJ Sport Store --> Download packages as you want

1.2  Download 3rd Party Extensions

This is the list of 3rd party extensions which are used in this template:


2. SJ Sport Store -Installation and Configuration

2.1 Installation

  • Log in your Administrator, go to Extensions -> Extension Manager
    On this page, click Choose File button, select our template file you have downloaded then click Upload & Install



  • Set SJ Sport Store as default template
  • 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

SJ Tech

GENERAL

SJ Tech

LAYOUT

SJ Tech

MENU

SJ Tech

THEME

SJ Tech

TYPOGRAPHY

SJ Tech

CONTENT COMPONENT

SJ Tech

ADVANCED

SJ Tech

3. Imperative Plugins-Installation and Configuration

You need to install: Yt Framework PluginSJ Content Related News, Yt Shortcode, and SJ Responsive Listing Ajax for JoomShopping plugin. You can find all of them in sj_sport_store_extensions_j25_v1.0.0 package
  • Yt Framework Plugin supports to add extra parameters used with Mega Menu and to compress CSS/JS/HTML when optimizing code. For more info, please go here
  • While that, 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.
  • SJ Responsive Listing Ajax is used for loading more product. This plugin is supported for SJ Responsive Listing for JoomShopping module that is in the home page.
  • Lastly, SJ Content Related News is used for showing other related articles in the same category. For more info, please go here

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

3.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:
  • SHORTCODES

  • After that, whenever there is text area then click Shortcodes button, Shortcodes are available for you to be used!

3.4. SJ Content Related News

  • In Administrator of Joomla!, go to Plugin Manager -> Make sure SJ Content Related News is enabled. This is SJ Content Related News configuration below:

SJ Content Related News

4. Other Extensions - Installation and Configuration

After creating data, you can install and configure extensions to have a Website as like as our pre-made demo.

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

  • Module Position - Module Suffix
  • Position: top1
    Suffix: blank
  • 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.

    Love all our templates?

    Join our membership clubs starting at $49 only for access to all of our templates

    Join Now
    Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes